Periodic/blazestar.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Basically finishes styling

Browse Source
This commit is contained in:
Drew Haven
2025-06-21 21:40:40 -07:00
parent 2ad5e29cad
commit 0daac5bba4
33 changed files with 412 additions and 569 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Header.astro
View File

@@ -1,11 +1,11 @@
---
import HeaderLink from './HeaderLink.astro';
import { SITE_TITLE } from '../consts';
import Logo from './Logo.astro';
---
<header>
<nav>
<h2><a href="/">{SITE_TITLE}</a></h2>
<h2><Logo /></h2>
<div class="internal-links">
<HeaderLink href="/">Home</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink>
@@ -38,7 +38,6 @@ import { SITE_TITLE } from '../consts';
color: var(--color-light-text);
margin: 0;
padding: 0;
box-shadow: 0 2px 8px rgba(var(--black), 5%);
}
h2 {
margin: 0;
@@ -56,13 +55,17 @@ import { SITE_TITLE } from '../consts';
}
nav a {
padding: 1em 0.5em;
color: var(--black);
color: var(--color-light-text);
border-bottom: 4px solid transparent;
text-decoration: none;
}
nav a.active {
text-decoration: none;
border-bottom-color: var(--accent);
&:hover {
color: var(--color-accent);
}
&.active {
text-decoration: none;
border-bottom-color: var(--color-accent);
}
}
.social-links,
.social-links a {