diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index f592add38268e68454b32497662436aab5043201..d890f0979a3adc761695ab199c87f7aed8e69788 100644 --- a/src/components/Navbar.tsx +++ b/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> diff --git a/src/containers/App/App.tsx b/src/containers/App/App.tsx index 6c5f217824ef8d170c043c8b24e04e103e5161d9..d2302fc2619844bb133a88486bc16b928220c356 100644 --- a/src/containers/App/App.tsx +++ b/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> diff --git a/src/contents/home.tsx b/src/contents/home.tsx index fc415b1a52157fd652aa361be352ba47db1f286e..73ae562708f7a957d6ef8509f1759f8d5c8728f4 100644 --- a/src/contents/home.tsx +++ b/src/contents/home.tsx @@ -1,5 +1,4 @@ //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> </> ); diff --git a/src/pages.ts b/src/pages.ts index f17f33f06e341bd02c48bf4c0c2d43056cc1c3a2..efcb9381c7d0413f8300250832ef051c09b18cd3 100644 --- a/src/pages.ts +++ b/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",