Style
This commit is contained in:
69
public/index.html
Executable file → Normal file
69
public/index.html
Executable file → Normal file
@@ -1,35 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Robot Driver Info</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; margin: 20px; }
|
||||
h1 { color: #333; }
|
||||
.section { margin-bottom: 20px; border: 1px solid #ccc; padding: 10px; }
|
||||
ul { list-style-type: none; padding: 0; }
|
||||
li { padding: 5px 0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Robot Driver Status</h1>
|
||||
<div id="status" class="section">
|
||||
<h2>Verbundene WebClients</h2>
|
||||
<ul id="clients"></ul>
|
||||
</div>
|
||||
<div id="senders" class="section">
|
||||
<h2>Verbundene FluidNC-Controller</h2>
|
||||
<ul id="senderList"></ul>
|
||||
</div>
|
||||
<div id="commands" class="section">
|
||||
<h2>Letzte Commands</h2>
|
||||
<ul id="commandList"></ul>
|
||||
</div>
|
||||
<div id="pings" class="section">
|
||||
<h2>Letzte Ping Nachrichten</h2>
|
||||
<ul id="pingList"></ul>
|
||||
</div>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Robot Driver Info</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Robot Driver Status</h1>
|
||||
|
||||
<div class="sections">
|
||||
<div id="status" class="section" data-id="clients">
|
||||
<h2>Verbundene WebClients</h2>
|
||||
<ul id="clients"></ul>
|
||||
</div>
|
||||
|
||||
<div id="senders" class="section" data-id="senders">
|
||||
<h2>Verbundene FluidNC-Controller</h2>
|
||||
<ul id="senderList"></ul>
|
||||
</div>
|
||||
|
||||
<div id="commands" class="section" data-id="commands">
|
||||
<h2>Letzte Commands</h2>
|
||||
<ul id="commandList"></ul>
|
||||
</div>
|
||||
|
||||
<div id="pings" class="section" data-id="pings">
|
||||
<h2>Letzte Ping Nachrichten</h2>
|
||||
<ul id="pingList"></ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user