farpatch-ui/index.html

79 lines
2.6 KiB
HTML
Raw Normal View History

<!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>