forked from marva/sumorobot-web
93 lines
3.9 KiB
HTML
Executable File
93 lines
3.9 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Sumorobot</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="stylesheet" href="bootstrap.min.css">
|
|
<link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css">
|
|
<!-- begin favicon -->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
|
|
<link rel="manifest" href="favicons/manifest.json">
|
|
<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<!-- end of favicon -->
|
|
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="blockly_compressed.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="blocks_compressed.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="python_compressed.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="msg/js/en.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="sumorobot.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
|
|
<script>
|
|
window.addEventListener("load", function() {
|
|
window.cookieconsent.initialise({
|
|
"palette": {
|
|
"popup": {
|
|
"background": "#242943ff"
|
|
},
|
|
"button": {
|
|
"background": "#ffd500ff"
|
|
}
|
|
}
|
|
})
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="battery">Disconnected</div>
|
|
|
|
<div id="panel">
|
|
<img class="logo" src="logo.png" alt="logo">
|
|
<div class="input-group">
|
|
<span class="input-group-addon" id="robot-label">robot name</span>
|
|
<input type="text" class="form-control" id="robot-id" placeholder="sumo-ID" />
|
|
</div>
|
|
<div class="btn-group btn-group-robot" role="group" aria-label="robots">
|
|
<a href="#" class="btn btn-lg btn-robot-go">GO!</a>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="blockly-table">
|
|
<tr>
|
|
<td id="leftCell">
|
|
<div id="blocklyArea"></div>
|
|
<div id="blocklyCode" style="display: none;"></div>
|
|
</td>
|
|
<td id="rightCell">
|
|
<div id="stream"></div>
|
|
<div id="readOnlyBlocklyCode"></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div id="blocklyDiv" style="position: absolute"></div>
|
|
|
|
<xml id="toolbox" style="display: none">
|
|
<block type="controls_if"></block>
|
|
<block type="sumorobot_move"></block>
|
|
<block type="sumorobot_sleep"></block>
|
|
<block type="sumorobot_opponent"></block>
|
|
<block type="sumorobot_line"></block>
|
|
</xml>
|
|
|
|
<xml id="toolbox_no_if" style="display: none">
|
|
<block type="controls_if" disabled="true"></block>
|
|
<block type="sumorobot_move"></block>
|
|
<block type="sumorobot_sleep"></block>
|
|
<block type="sumorobot_opponent"></block>
|
|
<block type="sumorobot_line"></block>
|
|
</xml>
|
|
|
|
<div class="btn-group d-flex btn-group-control" role="group">
|
|
<a href="#" class="btn btn-lg btn-success btn-start w-100">Start</a>
|
|
<a href="#" class="btn btn-lg btn-danger btn-stop w-100">Stop</a>
|
|
</div>
|
|
</body>
|
|
</html>
|