Inferencium/website
1
0
Fork 0
Code Issues Activity

Switch navigation bar from custom sidebar element to proper nav

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
about.html
View File

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

14
main.css
View File

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