95 lines
2.7 KiB
HTML
95 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<!-- ersetze die Links + QR Codes unter den Kommentaren -->
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>CPS Bot Overview</title>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
<h1 id="HEADLINE">Loki Overview<img src="CPS_Logo_White_square_TRANSP.png" id="LOGO"></h1>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="box" id="RIGHT">
|
||
|
|
<div id="BLOCK_ONE">
|
||
|
|
<p class="mini-heads">Teleop:</p>
|
||
|
|
<!-- again -->
|
||
|
|
<!-- Replace link at href -->
|
||
|
|
<!-- hier Link zu Joystick -->
|
||
|
|
<a href="http://loki:8000/">
|
||
|
|
<img src="joystick.png" class="qr qr_2"></a>
|
||
|
|
<br>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="BLOCK_ONE">
|
||
|
|
<p class="mini-heads">Robot Configuration:</p>
|
||
|
|
<!-- again -->
|
||
|
|
<!-- Replace link at href -->
|
||
|
|
<!-- hier Link zu WebGui -->
|
||
|
|
<a href="http://loki/config/">
|
||
|
|
<img src="wrench.svg" class="qr qr_2"></a>
|
||
|
|
<br>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p id="SPACE"> </p>
|
||
|
|
|
||
|
|
<div id="BLOCK_TWO">
|
||
|
|
<p class="mini-heads">Data View:</p>
|
||
|
|
<!-- again -->
|
||
|
|
<!-- hier Link zu Manual -->
|
||
|
|
<a href="http://loki/viz/">
|
||
|
|
<img src="safety-glasses.svg" class="qr qr_2">
|
||
|
|
</a>
|
||
|
|
<br>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p id="SPACE"> </p>
|
||
|
|
|
||
|
|
<div id="BLOCK_THREE">
|
||
|
|
<p class="mini-heads">Manual:</p>
|
||
|
|
<!-- again -->
|
||
|
|
<!-- hier Link zu Manual -->
|
||
|
|
<a href="https://cps.unileoben.ac.at">
|
||
|
|
<img src="blueprint.svg" class="qr qr_2">
|
||
|
|
</a>
|
||
|
|
<br>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="box" id="LEFT">
|
||
|
|
<p class="mini-heads">Connect to Wi-Fi:</p>
|
||
|
|
<!-- replace mit relativen Link!!!, bei mir spinnts und es wird das gebrochene Bild symbol angezeigt. Anders geht
|
||
|
|
es allerdings, falls nicht bei dir sags mir -->
|
||
|
|
<img src="qr-loki.wifi.svg" class="qr">
|
||
|
|
<div id="NORM_SET">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td>SSID:</td>
|
||
|
|
<td>cps-loki</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>Password: </td>
|
||
|
|
<td>cps-loki</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="info">
|
||
|
|
<!-- Link zum Lehrstuhl, einfach den ganzen Div Block rausnehmen falls du das nicht willst -->
|
||
|
|
<a href="https://cps.unileoben.ac.at/">Check us out!</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</html>
|