diff --git a/blog/public/BWM_512.webp b/blog/public/BWM_512.webp new file mode 100644 index 0000000..421bccc Binary files /dev/null and b/blog/public/BWM_512.webp differ diff --git a/blog/public/favicon.ico b/blog/public/favicon.ico new file mode 100644 index 0000000..d0eaa5c Binary files /dev/null and b/blog/public/favicon.ico differ diff --git a/blog/public/favicon.png b/blog/public/favicon.png deleted file mode 100644 index 1ea31e5..0000000 Binary files a/blog/public/favicon.png and /dev/null differ diff --git a/blog/src/components/Header.astro b/blog/src/components/Header.astro index 590cdd0..6779573 100644 --- a/blog/src/components/Header.astro +++ b/blog/src/components/Header.astro @@ -1,16 +1,18 @@ +--- +import Logo from "./Logo.astro"; +--- +
- Blauwasser Mausis - + @@ -60,7 +62,7 @@ #menu-toggle, .menu-icon, .menu-backdrop, - #side-nav-header { + #side-nav-logo { display: none; } @@ -79,29 +81,27 @@ pointer-events: none; } - #side-nav-header { - display: block; - padding-bottom: 32px; - } - nav { position: fixed; top: 0; left: 0; width: 66vw; height: 100vh; - padding: 42px 24px 24px; - background: #ddd; + padding: 32px; + background: var(--primary-color); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; - gap: 30px; transform: translateX(-100%); transition: transform 0.3s ease; z-index: 3; + + a { + color: whitesmoke; + } } .nav-left, @@ -110,8 +110,9 @@ align-items: flex-start; } - .nav-right > a { - font-size: 1rem; + .nav-left { + gap: 32px; + margin-bottom: 64px; } nav:has(~ #menu-toggle:checked) { diff --git a/blog/src/components/Logo.astro b/blog/src/components/Logo.astro new file mode 100644 index 0000000..0aa1781 --- /dev/null +++ b/blog/src/components/Logo.astro @@ -0,0 +1,20 @@ + + + Blauwasser Mausis + + + diff --git a/blog/src/layouts/Main.astro b/blog/src/layouts/Main.astro index 18d70b9..b16a8a9 100644 --- a/blog/src/layouts/Main.astro +++ b/blog/src/layouts/Main.astro @@ -6,7 +6,7 @@ import "../styles/global.css"; - +