change nav styling and responsiveness

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
2023-04-25 21:25:03 +00:00
parent 4b83cdaa77
commit 98fe0b2b3f
5 changed files with 122 additions and 22 deletions

View File

@@ -10,12 +10,16 @@
<script src="scripts/account.js" type="module"></script>
</head>
<body>
<header class="w3-black w3-bar">
<nav class="w3-large w3-bar" id="nav">
<h1 class="w3-bar-item w3-mobile w3-hide-small" style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1>
<a class="w3-bar-item w3-mobile w3-button" href="index.html">Instances</a>
<a class="w3-bar-item w3-mobile w3-button" href="account.html" aria-current="true">Account</a>
<a class="w3-bar-item w3-mobile w3-button" href="login.html">Logout</a>
<header>
<nav id="hamnav">
<h1 style="font-size: 18px; margin: 0px; background-color: #0f0; color: #000;">tronnet</h1>
<label for="hamburger">&#9776;</label>
<input type="checkbox" id="hamburger">
<div id="hamitems">
<a href="index.html">Instances</a>
<a href="account.html" aria-current="true">Account</a>
<a href="login.html">Logout</a>
</div>
</nav>
</header>
<main class="w3-container">