add nav bar to config page

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-03-25 23:41:56 +00:00
parent d41162ebae
commit e4a2bdf205

View File

@ -7,31 +7,41 @@
<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml"> <link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
<link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/form.css" type="text/css"> <link rel="stylesheet" href="css/form.css" type="text/css">
<link rel="stylesheet" href="css/buttons.css" type="text/css">
<script src="scripts/config.js" type="module"></script> <script src="scripts/config.js" type="module"></script>
</head> </head>
<body> <body>
<h3 id="name"></h3> <header>
<div class="center-div"> <nav>
<form> <a href="index.html" aria-current="true">INSTANCES</a>
<fieldset> <a href="login.html">LOGOUT</a>
<legend>Resources</legend> </nav>
<div class="input-grid" id="resources" style="grid-template-columns: repeat(3, auto) 1fr;"></div> </header>
</fieldset> <main>
<fieldset> <h3 id="name"></h3>
<legend>Disks</legend> <div class="center-div">
<div class="input-grid" id="disks" style="grid-template-columns: auto auto auto 1fr;"></div> <form>
<hr> <fieldset>
<div class="btn-group"> <legend>Resources</legend>
<img id="disk-add" src="images/actions/disk/add-disk.svg" class="clickable" alt="Add New Disk" title="Add New Disk"> <div class="input-grid" id="resources" style="grid-template-columns: repeat(3, auto) 1fr;"></div>
<img id="cd-add" src="images/actions/disk/add-cd.svg" class="clickable none" alt="Add New CDROM" title="Add New CDROM"> </fieldset>
</div> <fieldset>
</fieldset> <legend>Disks</legend>
<fieldset class="fieldset-no-border"> <div class="input-grid" id="disks" style="grid-template-columns: auto auto auto 1fr;"></div>
<div class="btn-group" id="form-actions"> <hr>
<button id="exit" type="button">EXIT</button> <div class="btn-group">
</div> <img id="disk-add" src="images/actions/disk/add-disk.svg" class="clickable" alt="Add New Disk" title="Add New Disk">
</fieldset> <img id="cd-add" src="images/actions/disk/add-cd.svg" class="clickable none" alt="Add New CDROM" title="Add New CDROM">
</form> </div>
</div> </fieldset>
<fieldset class="fieldset-no-border">
<div class="btn-group" id="form-actions">
<button id="exit" type="button">EXIT</button>
</div>
</fieldset>
</form>
</div>
</main>
<footer><p>&copy; tronnet</p></footer>
</body> </body>
</html> </html>