61 lines
1.4 KiB
HTML
61 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no">
|
|
<title>Sporttafel</title>
|
|
<link rel="icon" href="icon.svg">
|
|
<script src="index.js"></script>
|
|
<link rel="stylesheet" href="index.css">
|
|
</head>
|
|
<body>
|
|
<svg width="800" height="325" id="display" style="background-color: black"></svg>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<button onclick="get('/action/cancel')" class="cancel">✗</button>
|
|
</td>
|
|
<td>
|
|
<button onclick="get('/action/up')">↑</button>
|
|
</td>
|
|
<td> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<button onclick="get('/action/left')">←</button>
|
|
</td>
|
|
<td>
|
|
<button onclick="get('/action/confirm')">✓</button>
|
|
</td>
|
|
<td>
|
|
<button onclick="get('/action/right')">→</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td> </td>
|
|
<td>
|
|
<button onclick="get('/action/down')">↓</button>
|
|
</td>
|
|
<td> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<button onclick="get('/action/left/up')">↑</button>
|
|
</td>
|
|
<td> </td>
|
|
<td>
|
|
<button onclick="get('/action/right/up')">↑</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<button onclick="get('/action/left/down')">↓</button>
|
|
</td>
|
|
<td> </td>
|
|
<td>
|
|
<button onclick="get('/action/right/down')">↓</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
</html> |