diff --git a/src/components/Logo.astro b/src/components/Logo.astro
new file mode 100644
index 0000000..df31b7d
--- /dev/null
+++ b/src/components/Logo.astro
@@ -0,0 +1,11 @@
+---
+import { Hanko } from './icons';
+import Link from './Link.astro';
+---
+
+
+
+
diff --git a/src/components/MainNavigation.astro b/src/components/MainNavigation.astro
index 7c293e5..e160092 100644
--- a/src/components/MainNavigation.astro
+++ b/src/components/MainNavigation.astro
@@ -2,28 +2,24 @@
import Link from './Link.astro';
import navigation from '../data/navigation.json';
-import SearchLink from './SearchLink.astro';
---
-
+
+
+
diff --git a/src/components/PageHeader.astro b/src/components/PageHeader.astro
index 70608ef..5e4eaa5 100644
--- a/src/components/PageHeader.astro
+++ b/src/components/PageHeader.astro
@@ -1,6 +1,9 @@
---
import MainNavigation from '../components/MainNavigation.astro';
import ThemeToggle from '../components/ThemeToggle.astro';
+import Logo from '../components/Logo.astro';
+
+import SearchLink from './SearchLink.astro';
export interface Props {
class?: string;
@@ -17,6 +20,16 @@ const { class: className, navigation = true } = Astro.props;
]}
role="banner"
>
- {navigation && }
-
+
+
+
+
+ {navigation && }
+
+
+
diff --git a/src/components/SearchLink.astro b/src/components/SearchLink.astro
index fd32236..73fa268 100644
--- a/src/components/SearchLink.astro
+++ b/src/components/SearchLink.astro
@@ -5,7 +5,7 @@ import Link from './Link.astro';
+
-
-
diff --git a/src/components/icons/Circle.tsx b/src/components/icons/Circle.tsx
deleted file mode 100644
index 2c68a98..0000000
--- a/src/components/icons/Circle.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { SVGProps } from 'react';
-const Circle = (props: SVGProps) => (
-
-);
-export default Circle;
diff --git a/src/components/icons/Copyright.tsx b/src/components/icons/Copyright.tsx
new file mode 100644
index 0000000..4b557db
--- /dev/null
+++ b/src/components/icons/Copyright.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const Copyright = (props: SVGProps) => (
+
+);
+export default Copyright;
diff --git a/src/components/icons/Hanko.tsx b/src/components/icons/Hanko.tsx
new file mode 100644
index 0000000..c145807
--- /dev/null
+++ b/src/components/icons/Hanko.tsx
@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+const Hanko = (props: SVGProps) => ;
+export default Hanko;
\ No newline at end of file
diff --git a/src/components/icons/Logo.tsx b/src/components/icons/Logo.tsx
deleted file mode 100644
index a3f1ecd..0000000
--- a/src/components/icons/Logo.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { SVGProps } from 'react';
-const Logo = (props: SVGProps) => (
-
-);
-export default Logo;
diff --git a/src/components/icons/Menu.tsx b/src/components/icons/Menu.tsx
new file mode 100644
index 0000000..68349f9
--- /dev/null
+++ b/src/components/icons/Menu.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const Menu = (props: SVGProps) => (
+
+);
+export default Menu;
diff --git a/src/components/icons/Moon.tsx b/src/components/icons/Moon.tsx
new file mode 100644
index 0000000..4ed61cb
--- /dev/null
+++ b/src/components/icons/Moon.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const Moon = (props: SVGProps) => (
+
+);
+export default Moon;
diff --git a/src/components/icons/Sun.tsx b/src/components/icons/Sun.tsx
new file mode 100644
index 0000000..1778419
--- /dev/null
+++ b/src/components/icons/Sun.tsx
@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+const Sun = (props: SVGProps) => (
+
+);
+export default Sun;
diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts
index 7aab7ab..8302331 100644
--- a/src/components/icons/index.ts
+++ b/src/components/icons/index.ts
@@ -3,15 +3,18 @@ export { default as ArrowLeftS } from './ArrowLeftS.tsx';
export { default as ArrowRight } from './ArrowRight.tsx';
export { default as ArrowRightS } from './ArrowRightS.tsx';
export { default as ArrowUp } from './ArrowUp.tsx';
-export { default as Circle } from './Circle.tsx';
export { default as Close } from './Close.tsx';
+export { default as Copyright } from './Copyright.tsx';
export { default as Download } from './Download.tsx';
export { default as Github } from './Github.tsx';
+export { default as Hanko } from './Hanko.tsx';
export { default as Instagram } from './Instagram.tsx';
-export { default as Logo } from './Logo.tsx';
export { default as Mail } from './Mail.tsx';
export { default as MailSend } from './MailSend.tsx';
+export { default as Menu } from './Menu.tsx';
+export { default as Moon } from './Moon.tsx';
export { default as Rss } from './Rss.tsx';
export { default as Search } from './Search.tsx';
+export { default as Sun } from './Sun.tsx';
export { default as Twitter } from './Twitter.tsx';
export { default as TwitterX } from './TwitterX.tsx';
diff --git a/src/data/navigation.json b/src/data/navigation.json
index 7c5c807..5aaa340 100644
--- a/src/data/navigation.json
+++ b/src/data/navigation.json
@@ -1,8 +1,4 @@
[
- {
- "title": "Home",
- "url": "/"
- },
{
"title": "About",
"url": "/about/"
diff --git a/src/icons/circle.svg b/src/icons/circle.svg
deleted file mode 100644
index 8b7a384..0000000
--- a/src/icons/circle.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/src/icons/copyright.svg b/src/icons/copyright.svg
new file mode 100755
index 0000000..0c35d37
--- /dev/null
+++ b/src/icons/copyright.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/logo.svg b/src/icons/hanko.svg
similarity index 100%
rename from src/icons/logo.svg
rename to src/icons/hanko.svg
diff --git a/src/icons/menu.svg b/src/icons/menu.svg
new file mode 100755
index 0000000..8dc67ad
--- /dev/null
+++ b/src/icons/menu.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/moon.svg b/src/icons/moon.svg
new file mode 100755
index 0000000..66af995
--- /dev/null
+++ b/src/icons/moon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/icons/sun.svg b/src/icons/sun.svg
new file mode 100755
index 0000000..5dda2cc
--- /dev/null
+++ b/src/icons/sun.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/styles/global.css b/src/styles/global.css
index dd5cc95..5fb3e3a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -204,6 +204,10 @@
@apply underline !decoration-accent decoration-4;
}
+ .navigation .is-active svg {
+ @apply fill-accent;
+ }
+
.image-shadow {
@apply relative transition-transform duration-500 ease-in-out;