website

commit 82f48bd27779c7ef363d54aaaecef3ee3bf94cd8
parent 580af4a487bea9d4413edbe88804e2f336335c1e
Author: hrryt <harry@mayesfield.uk>
Date:   Fri,  7 Aug 2026 13:11:04 +0100

Remove aside from nav semantics

Diffstat:
M
src/components/Header.jsx
 | 
6
+++---
M
src/pages/Home.jsx
 | 
7
+++++--
M
src/pages/NotFound.jsx
 | 
1
-
M
src/pages/QuestionIndex.jsx
 | 
4
++--
M
src/styles/main.css
 | 
6
+++---

5 files changed, 13 insertions(+), 11 deletions(-)
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -5,14 +5,14 @@ export default function Header() {
 
 	return (
 		<header>
-			<nav class="window">
+			<nav class="window taskbar">
 			  <a href="/">
-          <button class={'nav-element' + (url == '/' ? ' active' : '')}>
+          <button class={'taskbar-element' + (url == '/' ? ' active' : '')}>
             Home
           </button>
         </a>
         <a href="/questions">
-          <button class={'nav-element' + (url.startsWith('/questions') ? ' active' : '')}>
+          <button class={'taskbar-element' + (url.startsWith('/questions') ? ' active' : '')}>
             Questions
           </button>
         </a>
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
@@ -1,10 +1,13 @@
 import Window from '../components/Window.jsx';
+import Graph from '../components/Graph.jsx';
 
 export default function Home() {
   return (
     <main>
-      <aside></aside>
-      <Window title="Home">Hello World!</Window>
+      <Window title="Home">
+        <p>Hello World!</p>
+        <Graph procedure={p => p.draw_test()}/>
+      </Window>
     </main>
   );
 }
diff --git a/src/pages/NotFound.jsx b/src/pages/NotFound.jsx
@@ -3,7 +3,6 @@ import Window from '../components/Window.jsx';
 export default function NotFound() {
   return (
     <main>
-      <aside></aside>
       <Window title="Error">
         <img class="http-error" src="https://httpducks.com/404.jpg" />
       </Window>
diff --git a/src/pages/QuestionIndex.jsx b/src/pages/QuestionIndex.jsx
@@ -58,11 +58,11 @@ export default function QuestionIndex() {
 
   return (
     <main>
-      <aside>
+      <nav class="sidebar">
         <ul class="tree-view">
           {items}
         </ul>
-      </aside>
+      </nav>
       <Router>
         {routes}
       </Router>
diff --git a/src/styles/main.css b/src/styles/main.css
@@ -3,11 +3,11 @@ body {
   margin: 0;
 }
 
-nav {
+nav.taskbar {
   max-width: 100vw !important;
 }
 
-button.nav-element.active {
+button.taskbar-element.active {
   font-weight: bold;
 }
 
@@ -44,7 +44,7 @@ main {
   gap: 8px;
 }
 
-aside {
+nav.sidebar {
   width: 200px;
 }