new type of navbar

src/contents/human-practices.tsx

@@ -195,7 +195,6 @@ export function HumanPractices() {
   <H3 text="Education and Outreach" id="edu"/>
   <>
         <div>
-        <H2 id="interviews" text="Interviews Page"/>
             {/* <a onClick={() => goToTextsAndOpenCollapsible("symptoms-collapsible", "/description?collapseId=")}> 
                 Go to Texts and Open Collapsible 1
             </a> */}

src/pages.ts

@@ -28,7 +28,7 @@ interface Base {
 
 class Folder implements Base {
   name: string | undefined;
-  folder: Page[] | undefined;
+  folder: Page[] | PageRef[] | undefined;
 }
 
 class Page implements Base {
@@ -40,6 +40,15 @@ class Page implements Base {
   navlist!:  React.FC; 
 }
 
+class PageRef implements Base{
+  name: string | undefined;
+  title: string | undefined;
+  path: string | undefined;
+  component?: React.FC | undefined;
+  header?: React.FC;
+  navlist?:  React.FC; 
+}
+
 const Pages: (Page | Folder)[] = [
   {
     name: "Attributions",
@@ -197,7 +206,7 @@ const Pages: (Page | Folder)[] = [
     },
 ];
 
-export const NavPages: (Page | Folder)[] = [
+export const NavPages: (Page | PageRef | Folder)[] = [
     {
       name: "Home",
       title: "Bielefeld CeBiTec",
@@ -327,6 +336,11 @@ export const NavPages: (Page | Folder)[] = [
           component: HumanPractices,
           header: HPH,
            navlist: NoSidebar
+        },
+        {
+          name: "Education and Outreach",
+          title: "Education and Outreach",
+          path: "/human-practices?tab=edu"
         }
       ]
     },