Stairs/web/static/index.html

43 lines
3.1 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000" />
<title>Stairs frontend</title>
<script data-main="assets/dist/appstart" src="bower_components/requirejs/require.js"></script>
<link rel="stylesheet" type="text/css" href="bower_components/tether/dist/css/tether.min.css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/dist/font-awesome/css/font-awesome.min.css">
<link rel='stylesheet' type="text/css" href="bower_components/nprogress/nprogress.css">
<link rel="stylesheet" type="text/css" href="assets/dist/bundle.css">
</head>
<body>
<nav class="navbar navbar-inverse bg-inverse">
<div class="container">
<div class="navbar-brand">
<span style="color:#ff0000;">T</span><span style="color:#ff1200;">h</span><span style="color:#ff2400;">e</span><span style="color:#ff3600;"> </span><span style="color:#ff4900;">A</span><span style="color:#ff5b00;">m</span><span style="color:#ff6d00;">a</span><span style="color:#ff7f00;">z</span><span style="color:#ff9100;">i</span><span style="color:#ffa400;">n</span><span style="color:#ffb600;">g</span><span style="color:#ffc800;"> </span><span style="color:#ffda00;">S</span><span style="color:#ffed00;">t</span><span style="color:#ffff00;">a</span><span style="color:#dbff00;">i</span><span style="color:#b6ff00;">r</span><span style="color:#92ff00;">s</span><span style="color:#6dff00;"> </span><span style="color:#49ff00;">L</span><span style="color:#24ff00;">i</span><span style="color:#00ff00;">g</span><span style="color:#00ff24;">h</span><span style="color:#00ff49;">t</span><span style="color:#00ff6d;">i</span><span style="color:#00ff92;">n</span><span style="color:#00ffb6;">g</span><span style="color:#00ffdb;"> </span><span style="color:#00ffff;">F</span><span style="color:#17f1ff;">r</span><span style="color:#2de4ff;">o</span><span style="color:#44d6ff;">n</span><span style="color:#5bc8ff;">t</span><span style="color:#72baff;">e</span><span style="color:#88adff;">n</span><span style="color:#9f9fff;">d</span>
</div>
</div>
</nav>
<div id="progress">
<div id="page" class="container">
<div class="card">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item"><a class="nav-link" href="#" data-bind="css: { active: Page().component == 'page-mode' }">Mode</a></li>
<li class="nav-item"><a class="nav-link" href="#settings" data-bind="css: { active: Page().component == 'page-settings' }">Settings</a></li>
<li class="nav-item"><a class="nav-link" href="#firmware" data-bind="css: { active: Page().component == 'page-firmware' }">Firmware</a></li>
</ul>
</div>
<div class="card-block">
<div data-bind="component: { name: Page().component }"></div>
</div>
</div>
</div>
</div>
</body>
</html>