Add a home page link to the navbar

This commit is contained in:
Maciej Pędzich 2024-04-28 22:38:35 +02:00
parent bbce0af92a
commit a5efe6be12
Signed by: maciejpedzich
GPG Key ID: CE4A303D84882F0D

View File

@ -8,11 +8,18 @@ import '@picocss/pico/css/pico.blue.min.css';
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>Six Degrees of Formula One</title> <title>Six Degrees of F1</title>
</head> </head>
<body class="container"> <body class="container">
<header> <header>
<nav aria-label="Main navigation"> <nav aria-label="Main navigation">
<ul>
<li>
<a id="nav-brand" class="pico-color-grey-50" href="/">
<strong>Six Degrees of F1</strong>
</a>
</li>
</ul>
<ul> <ul>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
<li><a href="/credits">Credits</a></li> <li><a href="/credits">Credits</a></li>
@ -20,15 +27,11 @@ import '@picocss/pico/css/pico.blue.min.css';
<a href="https://github.com/maciejpedzich/sixdegs">Source Code</a> <a href="https://github.com/maciejpedzich/sixdegs">Source Code</a>
</li> </li>
</ul> </ul>
<ul>
<li>theme switch</li>
</ul>
</nav> </nav>
</header> </header>
<main> <main>
<slot /> <slot />
</main> </main>
<div id="spacer"></div>
<footer> <footer>
<small> <small>
Made with 🧠 by <a href="https://maciejpedzi.ch">Maciej Pędzich</a> Made with 🧠 by <a href="https://maciejpedzi.ch">Maciej Pędzich</a>
@ -44,12 +47,17 @@ import '@picocss/pico/css/pico.blue.min.css';
flex-direction: column; flex-direction: column;
} }
#nav-brand {
color: unset;
text-decoration-color: inherit;
}
.container { .container {
max-width: 65ch; max-width: 65ch;
text-align: center; text-align: center;
} }
#spacer { main {
flex: 1 0 auto; flex: 1 0 auto;
} }