diff --git a/src/components/dataforge/header.js b/src/components/dataforge/header.js index f174d4b..1b7b319 100644 --- a/src/components/dataforge/header.js +++ b/src/components/dataforge/header.js @@ -4,40 +4,36 @@ import logo from "../../images/dataforge/df_logo.png" import "../../styles/dataforge/header.css" import "../../styles/bootstrap.min.css" +import {Navbar, Nav} from "react-bootstrap" -const Header = () => { - let curActive = [' ', ' ', ' ', ' ', ' ']; - if (window.location.pathname === '/dataforge/news'){curActive[0] = 'styled';} - if (window.location.pathname === '/dataforge/docs'){curActive[1] = 'styled';} - if (window.location.pathname === '/dataforge/modules'){curActive[2] = 'styled';} - if (window.location.pathname === '/dataforge/releases'){curActive[3] = 'styled';} - if (window.location.pathname === '/dataforge/apps'){curActive[4] = 'styled';} - return( -
- -
+const Header = () => { + let curActive = [' ', ' ', ' ', ' ', ' ', ' ']; + if (document.location.pathname === '/dataforge/news'){curActive[0] = 'active';} + if (document.location.pathname === '/dataforge/docs'){curActive[1] = 'active';} + if (document.location.pathname === '/dataforge/modules'){curActive[2] = 'active';} + if (document.location.pathname === '/dataforge/releases'){curActive[3] = 'active';} + if (document.location.pathname === '/dataforge/apps'){curActive[4] = 'active';} + if (document.location.pathname === '/dataforge/misc'){curActive[5] = 'active';} + + return( +
+ +
+ + + + +
+
+
)} export default Header \ No newline at end of file diff --git a/src/components/dataforge/layout.js b/src/components/dataforge/layout.js index b901402..c4fb0a9 100644 --- a/src/components/dataforge/layout.js +++ b/src/components/dataforge/layout.js @@ -8,7 +8,7 @@ import "../../styles/dataforge/layout.css" const Layout = ({children}) => ( <>
-
+
{children}