119 lines
3.1 KiB
HTML
119 lines
3.1 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>macnickenson</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
|
|
|
|
<body class="bg-gray-100">
|
|
|
|
<div class="rounded-lg bg-white m-5 shadow-lg">
|
|
<h1 class="text-xl underline text-center p-2">
|
|
macnickenson
|
|
</h1>
|
|
|
|
<div class="p-2">
|
|
<h2 class="underline">Your Devices:</h2>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "00:18:e7:34:11:1c"</div>
|
|
<div>
|
|
<input class="focus:shadow-outline border border-gray-300 px-2"
|
|
value="Thinkpad T30 Wifi"/>
|
|
<select class="focus:shadow-outline border border-gray-300 px-2">
|
|
<option value="1">Public</option>
|
|
<option value="2">Private</option>
|
|
<option value="3">Internal</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<button class="rounded bg-gray-300 font-bold px-2 bg-green-500">Update</button>
|
|
<button class="rounded bg-gray-300 font-bold px-2 bg-red-500">Delete</button>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "90:78:41:bd:10:23"</div>
|
|
<div>nickname: "Neptun"</div>
|
|
<div>descr: "Neptun"</div>
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "10:0b:a9:ad:9f:30"</div>
|
|
<div>nickname: "Wu"</div>
|
|
<div>descr: "x220"</div>
|
|
</div>
|
|
</div>
|
|
<div class="p-2">
|
|
<h2 class="underline">Unregistred Devices:</h2>
|
|
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
|
|
<div>macaddr: "f0:d5:bf:cc:a2:f9"</div>
|
|
<div>
|
|
<input class="focus:shadow-outline border border-gray-300 px-2"
|
|
placeholder="awesome new device"/>
|
|
</div>
|
|
<div>
|
|
<button class="rounded bg-gray-300 font-bold px-2 bg-blue-300">Register</button>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
|
|
<div>macaddr: "6a:f4:a2:c4:e2:2e"</div>
|
|
<div>nickname: "Mondschauer93"</div>
|
|
<div>descr: "Smartphone"</div>
|
|
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "f8:ff:c2:20:b6:0d"</div>
|
|
<div>nickname: "idefix"</div>
|
|
<div>descr: "MacBook"</div>
|
|
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "30:57:14:db:34:d3"</div>
|
|
<div>nickname: "idefix"</div>
|
|
<div>descr: "IPhone"</div>
|
|
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "98:01:a7:b6:48:5b"</div>
|
|
<div>nickname: "idefix"</div>
|
|
<div>descr: "UbuntuBook"</div>
|
|
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "f4:db:e3:3f:7e:18"</div>
|
|
<div>nickname: "raphii"</div>
|
|
<div>descr: "iPhone 11"</div>
|
|
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "70:48:0f:98:de:23"</div>
|
|
<div>nickname: "raphii"</div>
|
|
<div>descr: "iPad Pro"</div>
|
|
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "e0:cc:f8:6a:d1:d4"</div>
|
|
<div>nickname: "stoneos"</div>
|
|
<div>descr: "xiaomi mi10"</div>
|
|
|
|
</div>
|
|
<div class="grid grid-cols-3 grid-gap-1">
|
|
<div>macaddr: "74:e5:f9:86:98:8b"</div>
|
|
<div>nickname: "ptflea"</div>
|
|
<div>descr: "computer"</div>
|
|
</div>
|
|
</div>
|
|
<div class="shadow-lg p-2">
|
|
footer
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|