2022-12-26 14:13:02 +00:00
|
|
|
<!DOCTYPE html>
|
2022-12-29 14:11:18 +00:00
|
|
|
<html lang="en">
|
2022-12-26 14:13:02 +00:00
|
|
|
<head>
|
2022-12-29 14:11:18 +00:00
|
|
|
<title>Riskless</title>
|
|
|
|
|
|
|
|
<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
|
|
|
|
|
|
|
|
<script src="https://cdn.socket.io/4.5.4/socket.io.min.js"></script>
|
2023-01-29 16:47:37 +00:00
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
|
2023-01-31 12:34:13 +00:00
|
|
|
<script src="{{ url_for('static', filename='js/index.js') }}"></script>
|
|
|
|
<script src="{{ url_for('static', filename='js/player.js') }}"></script>
|
|
|
|
<script src="{{ url_for('static', filename='js/dom.js') }}"></script>
|
2023-01-31 14:19:56 +00:00
|
|
|
<script src="{{ url_for('static', filename='js/random.js') }}"></script>
|
2023-02-02 11:27:52 +00:00
|
|
|
<script src="{{ url_for('static', filename='js/barrier.js') }}"></script>
|
|
|
|
<script src="{{ url_for('static', filename='js/packet.js') }}"></script>
|
2023-02-06 13:03:25 +00:00
|
|
|
<script src="{{ url_for('static', filename='js/map.js') }}"></script>
|
2023-02-08 15:52:02 +00:00
|
|
|
<script src="{{ url_for('static', filename='js/random_primes.js') }}"></script>
|
2023-02-06 18:26:14 +00:00
|
|
|
<script src="{{ url_for('static', filename='js/paillier.js') }}"></script>
|
2022-12-26 14:13:02 +00:00
|
|
|
</head>
|
|
|
|
<body>
|
2023-01-14 16:59:11 +00:00
|
|
|
|
|
|
|
<div id="players">
|
|
|
|
<strong>Players</strong>
|
|
|
|
<ul id="playerList">
|
|
|
|
</ul>
|
2023-02-13 14:55:25 +00:00
|
|
|
<button id="shuffleColors">Shuffle colours</button>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="remaining-reinforcements">
|
2023-01-14 16:59:11 +00:00
|
|
|
</div>
|
|
|
|
|
2023-02-08 15:52:02 +00:00
|
|
|
<div id="info">
|
|
|
|
</div>
|
|
|
|
|
2023-02-06 12:30:24 +00:00
|
|
|
<div id="map">
|
|
|
|
<svg id="map-back" viewBox="-520 -520 1000 1000" width="1000" height="1000">
|
|
|
|
<line x1="0" y1="0" x2="160" y2="0" stroke="black"></line>
|
|
|
|
<line x1="160" y1="0" x2="260" y2="0" stroke="black"></line>
|
|
|
|
<line x1="160" y1="0" x2="220" y2="-200" stroke="black"></line>
|
|
|
|
<line x1="280" y1="0" x2="220" y2="-200" stroke="black"></line>
|
|
|
|
<line x1="220" y1="-200" x2="380" y2="-200" stroke="black"></line>
|
|
|
|
<line x1="220" y1="-200" x2="-40" y2="-140" stroke="black"></line>
|
|
|
|
<line x1="0" y1="0" x2="-40" y2="-140" stroke="black"></line>
|
|
|
|
<line x1="0" y1="0" x2="-40" y2="140" stroke="black"></line>
|
|
|
|
<line x1="-280" y1="80" x2="-40" y2="140" stroke="black"></line>
|
|
|
|
<line x1="-280" y1="-80" x2="-40" y2="-140" stroke="black"></line>
|
|
|
|
<line x1="-280" y1="80" x2="-180" y2="0" stroke="black"></line>
|
|
|
|
<line x1="-280" y1="-80" x2="-180" y2="0" stroke="black"></line>
|
|
|
|
<line x1="-180" y1="0" x2="-40" y2="140" stroke="black"></line>
|
|
|
|
<path d="M -280 80 Q -360 0 -280 -80" stroke="black" fill="transparent"></path>
|
|
|
|
</svg>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node east" data-name="A" style="left: 280px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">A</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node east" data-name="B" style="left: 160px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">B</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node east" data-name="C" style="left: 220px; top: -200px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">C</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node east" data-name="D" style="left: 380px; top: -200px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">D</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node west" data-name="E" style="left: -40px; top: 140px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">E</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node west" data-name="F" style="left: -40px; top: -140px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">F</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node west" data-name="G" style="left: -280px; top: -80px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">G</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node west" data-name="H" style="left: -280px; top: 80px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">H</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node west" data-name="I" style="left: -180px;">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">I</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
2023-02-06 13:03:25 +00:00
|
|
|
<div class="node east" data-name="J" style="">
|
2023-02-16 09:38:03 +00:00
|
|
|
<div class="strength"></div>
|
2023-02-06 12:30:24 +00:00
|
|
|
<div class="label">J</div>
|
2023-02-15 18:00:25 +00:00
|
|
|
<div class="actions">
|
2023-02-16 09:38:03 +00:00
|
|
|
<button class="reinforce">Reinf.</button>
|
|
|
|
<button class="attack">Attack</button>
|
|
|
|
<button class="fortify">Fortify</button>
|
2023-02-15 18:00:25 +00:00
|
|
|
</div>
|
2023-02-06 12:30:24 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2023-02-01 18:09:32 +00:00
|
|
|
<div id="ready">
|
|
|
|
<button id="ready-button">Not ready</button>
|
2023-02-16 09:38:03 +00:00
|
|
|
<button id="end-turn" class="hidden">End Turn</button>
|
2023-02-01 18:09:32 +00:00
|
|
|
</div>
|
|
|
|
|
2022-12-26 14:13:02 +00:00
|
|
|
</body>
|
|
|
|
</html>
|