layout parts

src/contents/parts.tsx

@@ -14,13 +14,34 @@ export function Parts() {
           </Subesction>
         </Section>
         <Section title="Process" id="Process">
-          <LoremMedium/>  
+          <Subesction title="EC" id="Process1">
+            <LoremMedium/> 
+          </Subesction>
+          <Subesction title="Design and Build" id="Process2">
+            <LoremMedium/> 
+          </Subesction>
         </Section>
         <Section title="Experiments" id="Experiments">
-          <LoremMedium/>
+          <Subesction title="Cloning" id="Experiments1">
+            <LoremMedium/> 
+          </Subesction>
+          <Subesction title="Nikase-Assay" id="Experiments2">
+            <LoremMedium/> 
+          </Subesction>
+          <Subesction title="Activity Experiments" id="Experiments3">
+            <LoremMedium/> 
+          </Subesction>
         </Section>
         <Section title="Parts Collection" id="Parts Collection">
-          <LoremMedium/> 
+          <Subesction title="Plasmids" id="Parts Collection1">
+            <LoremMedium/>
+          </Subesction>
+          <Subesction title="Basic Parts" id="Parts Collection2">
+            <LoremMedium/>
+          </Subesction>
+          <Subesction title="Composite Parts" id="Parts Collection3">
+            <LoremMedium/>
+          </Subesction>
         </Section>
       </div>
     );

src/pages.ts

@@ -25,6 +25,7 @@ import { DescSidebar, NoSidebar, EngSide } from "./contents";
 import {  IBIE,  JUDGEH, PRODESC,  SUPH, PARTH, ENGH,  HOMEH, HPH, SPONH, RESH, ATTH, CONTH, DESCH, EXPH, IMPH, NOTEH, SAFEH, TEAMH } from "./contents";
 import { Methods } from "./contents/methods";
 import { METHH } from "./headers/meth-h";
+import { PartSidebar } from "./sidebars/prtS";
 
 interface Base {
   name: string | undefined;
@@ -182,7 +183,7 @@ const Pages: (Page | Folder)[] = [
       path: "/parts",
       component: Parts,
       header: PARTH,
-      navlist: NoSidebar,
+      navlist: PartSidebar,
     },
     {
       name: "Project Documentation",
@@ -350,7 +351,7 @@ export const NavPages: (Page | PageRef | Folder)[] = [
           path: "/parts",
           component: Parts,
           header: PARTH,
-          navlist: NoSidebar,
+          navlist: PartSidebar,
         },
         {
           name: "Notebook",

src/sidebars/prtS.tsx

+import { createSidebar } from "../utils/createSidebar";
+
+export function PartSidebar(){
+    let sidebar = createSidebar(tabs); 
+    return(
+        <div className="col-2 d-none d-lg-block">
+           {sidebar}
+        </div>
+    )
+}
+
+
+const tabs = [
+    { tab: "Introduction", subtabs: ["Description", "Characterization"]},
+    { tab: "Process", subtabs: ["EC", "Design and Build"]},
+    {tab: "Experiments", subtabs: ["Cloning", "Nikase-Assay", "Activity Experiments"]},
+    {tab: "Parts Collection", subtabs: ["Plasmids", "Basic Parts", "Composite Parts"]},
+  ];