diff --git a/src/components/blocks/TableOfContent.astro b/src/components/blocks/TableOfContent.astro
index b923572..6e9629d 100644
--- a/src/components/blocks/TableOfContent.astro
+++ b/src/components/blocks/TableOfContent.astro
@@ -1,31 +1,35 @@
---
type Heading = {
- depth: number;
- text: string;
- slug: string;
+ depth: number;
+ text: string;
+ slug: string;
};
const { headings } = Astro.props;
---
- Table of Contents
+ Table of Contents
- {
- headings.map((heading: Heading, index: number) => {
- if (heading.depth === 1) return;
- const margin = `${heading.depth - 1.5}rem`;
- return (
-
- );
- })
- }
+ {
+ headings.map((heading: Heading, index: number) => {
+ if (heading.depth === 1) return;
+ const margin = `${heading.depth - 1.5}rem`;
+ return (
+
+ );
+ })
+ }
diff --git a/src/components/blocks/navBar.astro b/src/components/blocks/navBar.astro
index 593a5a3..782cf5a 100644
--- a/src/components/blocks/navBar.astro
+++ b/src/components/blocks/navBar.astro
@@ -1,11 +1,11 @@
---
import VerticalNav from "./verticalNav.astro";
+import SearchModal from "../ui/SearchModal.astro";
---
+
+
diff --git a/src/components/blocks/verticalNav.astro b/src/components/blocks/verticalNav.astro
index 25a8070..0c1c18f 100644
--- a/src/components/blocks/verticalNav.astro
+++ b/src/components/blocks/verticalNav.astro
@@ -66,7 +66,7 @@ const { showHome } = Astro.props;
---
-
+
{
showHome && (
diff --git a/src/components/ui/SearchModal.astro b/src/components/ui/SearchModal.astro
new file mode 100644
index 0000000..8af16a5
--- /dev/null
+++ b/src/components/ui/SearchModal.astro
@@ -0,0 +1,55 @@
+---
+const { id } = Astro.props;
+---
+
+
+
+
+
+
+
+ Search...
+
+
+
+
+
+
+
diff --git a/src/layouts/BlogsLayout.astro b/src/layouts/BlogsLayout.astro
index fdda58e..1c4db7a 100644
--- a/src/layouts/BlogsLayout.astro
+++ b/src/layouts/BlogsLayout.astro
@@ -15,16 +15,6 @@ import VerticalNav from "../components/blocks/verticalNav.astro";
-
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 53158d8..9e4001a 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -20,6 +20,8 @@ const { title, description } = Astro.props;
+
+
@@ -30,6 +32,14 @@ const { title, description } = Astro.props;