add top nav bar

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-01-09 14:29:27 -08:00
parent 915450b0b0
commit c2046113a6
2 changed files with 26 additions and 0 deletions

View File

@ -62,4 +62,24 @@ p {
.btn-group button:hover { .btn-group button:hover {
background-color: #008800; background-color: #008800;
}
nav {
background-color: black;
}
nav a {
float: left;
color: #00ff00;
text-align: center;
padding: 8px;
}
nav a:hover {
background-color: #008800;
}
nav a.active {
background-color: black;
color: white;
} }

View File

@ -8,6 +8,12 @@
<script src="scripts/index.js" type="module"></script> <script src="scripts/index.js" type="module"></script>
<script src="scripts/elements.js" type="module"></script> <script src="scripts/elements.js" type="module"></script>
</head> </head>
<header>
<nav>
<a class="active" href="index.html">Instances</a>
<a>Logout</a>
</nav>
</header>
<body> <body>
<div id="instance-container" class="center-div"></div> <div id="instance-container" class="center-div"></div>
</body> </body>