diff --git a/astro/src/components/Navbar.astro b/astro/src/components/Navbar.astro
index bcdb8844e..21bf2c206 100644
--- a/astro/src/components/Navbar.astro
+++ b/astro/src/components/Navbar.astro
@@ -15,6 +15,7 @@ import GitHubIcon from '../ui/GitHubIcon.tsx'
position: sticky;
top: 0;
z-index: 1000;
+ opacity: 0;
}
nav a {
diff --git a/astro/src/components/landing/Background.astro b/astro/src/components/landing/Background.astro
index b715838f3..a8b0bd898 100644
--- a/astro/src/components/landing/Background.astro
+++ b/astro/src/components/landing/Background.astro
@@ -81,7 +81,6 @@
const svgElement = document.querySelector('.svg-container')
subpathElements.forEach(element => svgElement.appendChild(element))
- document.querySelector("nav").style.opacity = 0;
setTimeout(() => {
fadeIn(document.querySelector("nav"), 1500);
document.querySelectorAll(".fade-in").forEach(el => {
diff --git a/astro/src/layouts/Layout.astro b/astro/src/layouts/Layout.astro
index db38aab00..a8d42c154 100644
--- a/astro/src/layouts/Layout.astro
+++ b/astro/src/layouts/Layout.astro
@@ -6,11 +6,13 @@ import Navbar from '../components/Navbar.astro'
export interface Props {
title: string | undefined
description: string | undefined
+ showNav: string | undefined
}
-let { title, description } = Astro.props
+let { title, description, showNav } = Astro.props
title = `Blot | ${title}` || 'Blot'
description = description || 'Blot editor!'
+showNav = showNav || 'true'
---
@@ -22,8 +24,12 @@ description = description || 'Blot editor!'
{title}
-
-
+
+
+
diff --git a/astro/src/pages/index.astro b/astro/src/pages/index.astro
index 25f11160f..26c5330e4 100644
--- a/astro/src/pages/index.astro
+++ b/astro/src/pages/index.astro
@@ -251,6 +251,7 @@ try {