From 09744ed19ed50ff1ef02f1bdc2f7aa20773e9b01 Mon Sep 17 00:00:00 2001
From: Jakob Home <ja.steege@gmail.com>
Date: Mon, 23 Oct 2023 15:22:47 +0200
Subject: [PATCH] disabled examples, home

---
 src/components/NavBar.astro | 11 +++++++----
 src/styles/global.css       |  7 +++++++
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
index f70ddd6..77c7610 100644
--- a/src/components/NavBar.astro
+++ b/src/components/NavBar.astro
@@ -20,15 +20,17 @@ import github from "../images/iconsFront/github-mark.png"
 
 
 <header class="header nav">
-  <a href="" class="logo"><Image src={i} alt="logo"></Image> </a>
+  <a href="/" class="logo"><Image src={i} alt="logo"></Image> </a>
   <input class="menu-btn" type="checkbox" id="menu-btn" />
   <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
   <ul class="menu">
+    <li><a href="/" aria-disabled="true">Home </a></li>
     <li>
+
       <Dropdown class="group">
           <button class="invisibleBtn">
             <span> Wizard Components</span>
-            <!-- You can style when dropdown is `open` -->
+
             <svg
               class="h-6 w-6 rotate-0 transform text-gray-500 group-open:rotate-180"
               xmlns="http://www.w3.org/2000/svg"
@@ -52,8 +54,9 @@ import github from "../images/iconsFront/github-mark.png"
               </ul>
             </DropdownItems>
       </Dropdown>
-    </li>
-    <li><a href="#examples">Examples (inactive)</a></li>
+    </li> 
+
+    <li><a  class="isDisabled" >Examples </a></li>
     <!-- <li>
       <a
         href="https://github.com/FormsWizard/formswizard/blob/main/doc/src/SUMMARY.md"
diff --git a/src/styles/global.css b/src/styles/global.css
index eda6a99..4fdc0db 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -565,6 +565,13 @@ button:focus-visible {
   width: 100%;
 }
 
+.isDisabled {
+  color: currentColor;
+  cursor: not-allowed;
+  opacity: 0.5;
+  text-decoration: none;
+}
+
 /* nav version 2 */
 .header ul {
   margin: 0;