Darkmode vorerst ausgesetzt

src/components/Navbar.tsx

@@ -5,11 +5,11 @@ import NavDropdown from "react-bootstrap/NavDropdown";
 import { Link } from "react-router-dom";
 import Pages from "../pages.ts";
 
-export function Navbar({isDarkMode, setIsDarkMode}:any) {
+export function Navbar(/* {isLightMode, setIsLightMode}:any */) {
 
-  const handleToggle = () => {
-    setIsDarkMode(!isDarkMode);
-  };
+  /* const handleToggle = () => {
+    setIsLightMode(!isLightMode);
+  }; */
 
   const pages = Pages.map((item, pageIndex) => {
     if ("folder" in item && item.folder) {
@@ -45,19 +45,19 @@ export function Navbar({isDarkMode, setIsDarkMode}:any) {
   });
 
   return (
-    <BootstrapNavbar className="navbar-custom" expand="lg" bg={isDarkMode ? "d" : "l"} variant={isDarkMode ? "dark" : "light"} fixed="top">
+    <BootstrapNavbar className="navbar-custom" expand="lg" bg="l" variant="light"/* bg={isLightMode ? "d" : "l"} variant={isLightMode ? "dark" : "light"}  */fixed="top">
       <Container>
         <BootstrapNavbar.Brand>
           {import.meta.env.VITE_TEAM_NAME}
         </BootstrapNavbar.Brand>
         <BootstrapNavbar.Toggle aria-controls="basic-navbar-nav" />
         <BootstrapNavbar.Collapse id="basic-navbar-nav">
-          <Nav className="left-aligned">
-            <button id="theme-toggle" className="btn btn-outline-secondary ml-auto" onClick={handleToggle}>        
-              {isDarkMode ? '🌙' : '🔆' }
-            </button>
+            <Nav className="left-aligned">
+            {/* <button id="theme-toggle" className="btn btn-outline-secondary ml-auto" onClick={handleToggle}>        
+              {isLightMode ? '🌙' : '🔆' }
+            </button> */}
             {pages}
-          </Nav>
+          </Nav> 
         </BootstrapNavbar.Collapse>
       </Container>
     </BootstrapNavbar>

src/containers/App/App.tsx

@@ -6,11 +6,11 @@ import { getPathMapping, stringToSlug } from "../../utils";
 import { useEffect, useState } from "react";
 
 const App = () => {
-  // Dark Mode toggle 
+  /* // Dark Mode toggle 
   const [isDarkMode, setIsDarkMode] = useState(true);
   useEffect(() => {
     document.body.className = isDarkMode ? 'dark-mode' : '';
-  }, [isDarkMode]);
+  }, [isDarkMode]); */
 
   const pathMapping = getPathMapping();
   const currentPath =
@@ -29,7 +29,7 @@ const App = () => {
   return (
     <>
       {/* Navigation */}
-      <Navbar isDarkMode={isDarkMode} setIsDarkMode={setIsDarkMode} />
+      <Navbar /* isDarkMode={isDarkMode} setIsDarkMode={setIsDarkMode} */ />
 
       {/* Header and PageContent */}
       <Routes>

src/contents/home.tsx

 //import { Inspirations, InspirationLink } from "../components";
-import { Link } from "react-router-dom";
 import Villbuttonrow  from '../components/Villagebuttons.tsx';
 
 export function Home() {
@@ -9,18 +8,11 @@ export function Home() {
         <div className="col">
           <h2>Wiki under construction!</h2>
           <hr />
-          <p>See you soon!</p>
         </div>
         <Villbuttonrow></Villbuttonrow>
       </div>
       <div className="row">
-        <div className="d-flex flex-column justify-content-center align-items-center">
-          <h2></h2>
-          <hr />
-          <Link to="/description" className="btn btn-secondary btn-lg">
-            Project Description
-          </Link>
-        </div>
+        
       </div>
     </>
   );

src/pages.ts

@@ -46,7 +46,7 @@ const Pages: (Page | Folder)[] = [
     title: "Bielefeld CeBiTec",
     path: "/",
     component: Home,
-    lead: "Change the fates' design...",
+    lead: "Precision with every breath",
   },
   {
     name: "Team",