diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 2 | ||||
| -rw-r--r-- | pages/index.tsx | 28 |
2 files changed, 28 insertions, 2 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 1e9ba0d..435fa0e 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -3,7 +3,7 @@ import Head from 'next/head'; import '../styles/colors.css'; import '../styles/layout.css'; import '../styles/globals.css'; -import '../styles/navbarItem.css'; +import '../styles/navbar.css'; import '../styles/button.css'; import '../styles/image.css'; diff --git a/pages/index.tsx b/pages/index.tsx index 18e09fe..61a1390 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -2,6 +2,7 @@ import Seperator from '../components/articleSeperator'; import Navbar from '../components/navbar'; import Button from '../components/button'; import Image from '../components/image'; +import Chapters from '../components/chapters'; export default function Home() { return <div> @@ -11,7 +12,32 @@ export default function Home() { <p className="subtile">Loek heeft dit geschreven</p> </div> <div className="navAreaWrapper"> - <div className="sticky"><Navbar page="home"/></div> + <div className="sticky"> + <Navbar page="home"/> + <Chapters chapters={[ + { + name: "gert", + children: [ + { + name: "gert2", + children: [ + { + name: "gert3", + } + ] + } + ] + }, + { + name: "gert4", + children: [ + { + name: "gert5", + } + ] + } + ]}/> + </div> </div> <div className="contentWrapper"> <p> |