diff --git a/src/lib/assets/forms/frame.svg b/src/lib/assets/forms/frame.svg new file mode 100644 index 0000000..7d1453d --- /dev/null +++ b/src/lib/assets/forms/frame.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/lib/assets/forms/line.svg b/src/lib/assets/forms/line.svg new file mode 100644 index 0000000..fe3c899 --- /dev/null +++ b/src/lib/assets/forms/line.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/lib/components/layout/Heading.svelte b/src/lib/components/layout/Heading.svelte new file mode 100644 index 0000000..4236784 --- /dev/null +++ b/src/lib/components/layout/Heading.svelte @@ -0,0 +1,29 @@ + + +
+
+

{title}

+
+
+ + diff --git a/src/lib/components/layout/Navbar.svelte b/src/lib/components/layout/Navbar.svelte index 1474b48..f091aab 100644 --- a/src/lib/components/layout/Navbar.svelte +++ b/src/lib/components/layout/Navbar.svelte @@ -4,6 +4,8 @@ const current_path = $derived($page.url.pathname); + let menuOpen = $state(false); + const LINKS = [ { text: "Inicio", href: "/" }, { text: "Eventos", href: "/events" }, @@ -11,13 +13,27 @@ { text: "Contacto", href: "/contact" }, { text: "Miembros", href: "/members" }, ]; + + const toggleMenu = () => { + menuOpen = !menuOpen; + }; + + const closeMenu = () => { + menuOpen = false; + }; -