2023-04-26 10:23:17 +02:00

50 lines
946 B
Plaintext

---
import HeaderLink from './HeaderLink.astro';
---
<header>
<span class="logo cmr2-text">
<span>Maciej</span>
<span>Pędzich</span>
</span>
<nav class="cmr2-text" aria-label="Site navigation">
<HeaderLink href="/">Home</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink>
<HeaderLink href="/projects">Projects</HeaderLink>
<HeaderLink href="/resume.pdf">Resume</HeaderLink>
<HeaderLink href="mailto:contact@maciejpedzi.ch">Email me</HeaderLink>
<HeaderLink href="/links">Links</HeaderLink>
</nav>
</header>
<style>
@media only screen and (max-width: 625px) {
nav.cmr2-text {
justify-content: left;
}
}
nav {
flex-wrap: nowrap;
overflow-x: auto;
}
nav > a {
color: rgba(255, 255, 255, 0.4);
text-decoration: none;
}
header {
margin: 0em 0 2em;
}
h2 {
margin: 0.5em 0;
}
.logo {
font-size: 2rem;
margin: 1.25rem 0;
}
</style>