110 lines
5.0 KiB
HTML
110 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="style.css">
|
|
<title>Вэбчик</title>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<table class="app-table">
|
|
<thead class="task-panel">
|
|
<tr>
|
|
<td class="app-td">
|
|
<div class="button audioButton">
|
|
<img alt="windows" class="icon" src="images/windows.png"/>
|
|
СППО
|
|
</div>
|
|
</td>
|
|
<td class="divider"></td>
|
|
<td>
|
|
<div class="button audioButton">Зинченко Иван Николаевич</div>
|
|
<div class="button audioButton">P3212</div>
|
|
<div class="button audioButton">408657</div>
|
|
</td>
|
|
<td class="divider"></td>
|
|
<td id="time"></td>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="app-tbody">
|
|
<tr>
|
|
<td colspan="5">
|
|
<div class="work-area">
|
|
|
|
<div class="window" style="z-index: 90; left: 17px; top: 41px;">
|
|
<div class="window-title">Форма ввода</div>
|
|
<div class="window-body">
|
|
<form class="form" id="form">
|
|
<div class="form-x">
|
|
<h4>Координата X:</h4>
|
|
<div><input class="form-x-input" type="radio" name="x" value="-4" id="form_x_-4"> <label for="form_x_-4">-4</label></div>
|
|
<div><input class="form-x-input" type="radio" name="x" value="-3" id="form_x_-3"> <label for="form_x_-3">-3</label></div>
|
|
<div><input class="form-x-input" type="radio" name="x" value="-2" id="form_x_-2"> <label for="form_x_-2">-2</label></div>
|
|
<div><input class="form-x-input" type="radio" name="x" value="-1" id="form_x_-1"> <label for="form_x_-1">-1</label></div>
|
|
<div><input checked class="form-x-input" type="radio" name="x" value="0" id="form_x_0"> <label for="form_x_0">0</label></div>
|
|
<div><input class="form-x-input" type="radio" name="x" value="1" id="form_x_1"> <label for="form_x_1">1</label></div>
|
|
<div><input class="form-x-input" type="radio" name="x" value="2" id="form_x_2"> <label for="form_x_2">2</label></div>
|
|
<div><input class="form-x-input" type="radio" name="x" value="3" id="form_x_3"> <label for="form_x_3">3</label></div>
|
|
<div><input class="form-x-input" type="radio" name="x" value="4" id="form_x_4"> <label for="form_x_4">4</label></div>
|
|
</div>
|
|
<div class="form-y">
|
|
<h4>
|
|
<label for="form_y">Координата Y:</label>
|
|
</h4>
|
|
<input type="text" id="form_y" value="0">
|
|
</div>
|
|
<div class="form-r">
|
|
<h4>Параметр R:</h4>
|
|
<input type="button" class="button form-r-button active" value="1"/>
|
|
<input type="button" class="button form-r-button" value="1.5"/>
|
|
<input type="button" class="button form-r-button" value="2"/>
|
|
<input type="button" class="button form-r-button" value="2.5"/>
|
|
<input type="button" class="button form-r-button" value="3"/>
|
|
</div>
|
|
<div class="form-submit">
|
|
<button class="button" type="submit">Отправить</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="window" style="z-index: 93; left: 89px; top: 416px;">
|
|
<div class="window-title">Ответ</div>
|
|
<div class="window-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<td>x</td>
|
|
<td>y</td>
|
|
<td>r</td>
|
|
<td>попадание</td>
|
|
<td>время на сервере</td>
|
|
<td>время исполнения</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="results"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="window three-d" style="z-index: 91; left: 559px; top: 66px;">
|
|
<div class="window-title">areas.png</div>
|
|
<div class="window-body">
|
|
<img src="images/areas.png" alt="Мишень">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<audio class="audio" src="sounds/1.mp3"></audio>
|
|
<audio class="audio" src="sounds/2.mp3"></audio>
|
|
<audio class="audio" src="sounds/3.mp3"></audio>
|
|
<audio class="audio" src="sounds/4.mp3"></audio>
|
|
<audio id="error_sound" src="sounds/error.mp3"></audio>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |