102 lines
3.3 KiB
HTML
102 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>DWS</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
|
|
<script src="https://unpkg.com/patchbay.js/dist/patchbay.umd.js" defer></script>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
|
|
<style>
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="patch-container">
|
|
<!-- The cable overlay on top -->
|
|
<svg id="cable-overlay"></svg>
|
|
|
|
<!-- The racks, side by side -->
|
|
<div id="datacenter">
|
|
|
|
<!-- RACK 1 -->
|
|
<div class="rack" id="rack1">
|
|
<!-- Server 1 -->
|
|
<div class="server">
|
|
<div class="server-row text-row"><h1>DWS</h1></div>
|
|
<div class="server-row port-row">
|
|
<div class="port" id="r1s1_portA"><div class="led"></div></div>
|
|
<div class="port" id="r1s1_portB"><div class="led"></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Server 2 -->
|
|
<div class="server">
|
|
<div class="server-row text-row">Server 2 (Compute)</div>
|
|
<div class="server-row port-row">
|
|
<div class="port" id="r1s2_portA"><div class="led"></div></div>
|
|
<div class="port" id="r1s2_portB"><div class="led"></div></div>
|
|
<div class="port" id="r1s2_portC"><div class="led"></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="spacer"></div>
|
|
|
|
<!-- Server 3 -->
|
|
<div class="server">
|
|
<div class="server-row text-row">Server 3 (DB)</div>
|
|
<div class="server-row port-row">
|
|
<div class="port" id="r1s3_portA"><div class="led"></div></div>
|
|
<div class="port" id="r1s3_portB"><div class="led"></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RACK 2 -->
|
|
<div class="rack" id="rack2">
|
|
<div class="rack-title">Rack 2</div>
|
|
|
|
<!-- Server 1 -->
|
|
<div class="server">
|
|
<div class="server-row text-row">Server 1 (WEB)</div>
|
|
<div class="server-row port-row">
|
|
<div class="port" id="r2s1_portA"><div class="led"></div></div>
|
|
<div class="port" id="r2s1_portB"><div class="led"></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Server 2 -->
|
|
<div class="server">
|
|
<div class="server-row text-row">Server 2 (Backup)</div>
|
|
<div class="server-row port-row">
|
|
<div class="port" id="r2s2_portA"><div class="led"></div></div>
|
|
<div class="port" id="r2s2_portB"><div class="led"></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RACK 3 -->
|
|
<div class="rack" id="rack3">
|
|
<div class="rack-title">Rack 3</div>
|
|
<div class="server">
|
|
<div class="server-row text-row">Server 1 (Misc)</div>
|
|
<div class="server-row port-row">
|
|
<div class="port" id="r3s1_portA"><div class="led"></div></div>
|
|
<div class="port" id="r3s1_portB"><div class="led"></div></div>
|
|
<div class="port" id="r3s1_portC"><div class="led"></div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Add more racks as needed -->
|
|
</div>
|
|
</div>
|
|
<script src="{{ url_for('static', filename='script.js') }}" defer></script>
|
|
</body>
|
|
</html>
|