79 lines
2.6 KiB
HTML
79 lines
2.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
||
|
<head>
|
||
|
<link rel="stylesheet" href="css/line-awesome.min.css">
|
||
|
<link rel="stylesheet" href="css/desktop.css">
|
||
|
<link rel="stylesheet" href="css/mobile.css">
|
||
|
|
||
|
<script src="main.js"></script>
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<nav class="sidenav">
|
||
|
<ul class="sidenav-nav">
|
||
|
<li class="sidenav-item sidenav-item-active" id="dashboard-button">
|
||
|
<a class="sidenav-link">
|
||
|
<span class="las la-3x la-home icon"></span>
|
||
|
<span class="link-text">Dashboard</span>
|
||
|
</a>
|
||
|
</li>
|
||
|
|
||
|
<li class="sidenav-item" id="uart-button">
|
||
|
<a class="sidenav-link">
|
||
|
<span class="las la-3x la-keyboard icon">*</span>
|
||
|
<span class="link-text">UART</span>
|
||
|
</a>
|
||
|
</li>
|
||
|
|
||
|
<li class="sidenav-item" id="rtt-button">
|
||
|
<a class="sidenav-link">
|
||
|
<span class="las la-3x la-microchip icon"></span>
|
||
|
<span class="link-text">RTT</span>
|
||
|
</a>
|
||
|
</li>
|
||
|
|
||
|
<li class="sidenav-item" id="debug-button">
|
||
|
<a class="sidenav-link">
|
||
|
<span class="las la-3x la-scroll icon"></span>
|
||
|
<span class="link-text">Debug</span>
|
||
|
</a>
|
||
|
</li>
|
||
|
|
||
|
<li class="sidenav-item" id="settings-button">
|
||
|
<a class="sidenav-link">
|
||
|
<span class="las la-3x la-sliders-h icon"></span>
|
||
|
<span class="link-text">Settings</span>
|
||
|
</a>
|
||
|
</li>
|
||
|
|
||
|
<li class="sidenav-item-filler"></li>
|
||
|
|
||
|
<li class="sidenav-item sidenav-item-toggle" id="rail-toggle-button">
|
||
|
<a class="sidenav-link">
|
||
|
<span class="las la-3x la-bars icon"></span>
|
||
|
<span class="link-text">Hide</span>
|
||
|
</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</nav>
|
||
|
|
||
|
<main>
|
||
|
<div class="main-content main-content-active" id="dashboard-view">
|
||
|
<div>Version: 1.0</div>
|
||
|
</div>
|
||
|
<div class="main-content" id="uart-view">
|
||
|
<div>[Terminal goes here]</div>
|
||
|
<img src="robot-background.png" width="100%" height="100%" />
|
||
|
</div>
|
||
|
<div class="main-content" id="rtt-view">
|
||
|
<div>[RTT goes here]</div>
|
||
|
</div>
|
||
|
<div class="main-content" id="debug-view">
|
||
|
<div>[Debug goes here]</div>
|
||
|
</div>
|
||
|
<div class="main-content" id="settings-view">
|
||
|
<div>[Settings goes here]</div>
|
||
|
</div>
|
||
|
</main>
|
||
|
</body>
|