Switch navigation bar from custom sidebar element to proper nav

This commit is contained in:
inference 2023-11-14 19:14:10 +00:00
parent 6620836e4c
commit 55fa457e25
Signed by: inference
SSH Key Fingerprint: SHA256:FtEVfx1CmTKMy40VwZvF4k+3TC+QhCWy+EmPRg50Nnc
2 changed files with 11 additions and 13 deletions

View File

@ -5,7 +5,7 @@
<!-- Copyright 2022 Jake Winters -->
<!-- SPDX-License-Identifier: BSD-3-Clause -->
<!-- Version: 6.2.2 -->
<!-- Version: 6.2.3-alpha.1 -->
<html>
@ -15,11 +15,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="sidebar">
<a href="index.html"><img src="asset/img/logo-inferencium-no_text.png" width="110px" height="110px"></a>
<a href="index.html" class="title">Inferencium</a><br>
<br>
<br>
<div class="nav">
<div><a href="index.html"><img src="asset/img/logo-inferencium-no_text.png" width="110px" height="110px"></a></div>
<div><a href="index.html" class="title">Inferencium</a></div>
<div><a href="about.html">About</a></div>
<div><a href="contact.html">Contact</a></div>
<div><a href="blog.html">Blog</a></div>

View File

@ -3,7 +3,7 @@
/* Copyright 2022 Jake Winters */
/* SPDX-License-Identifier: BSD-3-Clause */
/* Version: 11.1.0-alpha.8 */
/* Version: 11.1.0-alpha.9 */
/* Body */
@ -199,8 +199,8 @@ td {
}
/* Sidebar */
.sidebar {
/* Navigation bar */
nav {
height: 100%;
width: 250px;
position: fixed;
@ -228,7 +228,7 @@ td {
color: #000000;
}
sidebar div, .sidebar div a, .sidebar div a:visited {
nav div, nav div a, nav div a:visited {
padding: 6px;
font-family: Roboto, sans-serif;
font-size: 22px;
@ -258,7 +258,7 @@ strong {
overflow-x: scroll;
}
.sidebar {
nav {
width: 100vw;
height: 35px;
font-size: 12px;
@ -268,12 +268,12 @@ strong {
white-space: nowrap;
}
.sidebar div {
nav div {
font-size: min(max(7vw, 20px), 30px);
display: inline-block;
}
.sidebar img, .sidebar .title {
nav img, nav .title {
display: none;
}