diff --git a/components/layout.js b/components/layout.js new file mode 100644 index 00000000..1ad5b9a4 --- /dev/null +++ b/components/layout.js @@ -0,0 +1,3 @@ +export default function Layout({ children }) { + return
{children}
; +} diff --git a/components/navbar.js b/components/navbar.js new file mode 100644 index 00000000..7dd4082a --- /dev/null +++ b/components/navbar.js @@ -0,0 +1,19 @@ +import navbarStyles from './navbar.module.css'; +import Image from 'next/image'; + +export default function Navbar({ children }) { + return ( +
+ FreeCodecamp Logo + +
+ ); +} diff --git a/components/navbar.module.css b/components/navbar.module.css new file mode 100644 index 00000000..338f9701 --- /dev/null +++ b/components/navbar.module.css @@ -0,0 +1,18 @@ +.navbar { + display: flex; + background-color: #0a0a23; + color: #ffffff; + padding: 15px; + align-items: center; + justify-content: space-between; + font-family: 'Roboto Mono', monospace; +} + +.navLinks { + display: flex; + list-style-type: none; +} + +.navLinks li { + padding-left: 10px; +} diff --git a/pages/_document.js b/pages/_document.js new file mode 100644 index 00000000..fa4ff4a0 --- /dev/null +++ b/pages/_document.js @@ -0,0 +1,24 @@ +import Document, { Html, Head, Main, NextScript } from 'next/document'; + +class MyDocument extends Document { + render() { + return ( + + + + + + + +
+ + + + ); + } +} + +export default MyDocument; diff --git a/pages/dashboard.js b/pages/dashboard.js new file mode 100644 index 00000000..4fb1f9cb --- /dev/null +++ b/pages/dashboard.js @@ -0,0 +1,27 @@ +import Head from 'next/head'; +import Layout from '../components/layout'; +import Link from 'next/link'; +import Navbar from '../components/navbar'; + +export default function Home() { + return ( + + + Create Next App + + + +
  • + Back +
    • +
  • + Menu +
    • +
  • + Extra +
    • +     + +     + ); +} diff --git a/public/images/fcc_primary_large.png b/public/images/fcc_primary_large.png new file mode 100644 index 00000000..e288a942 Binary files /dev/null and b/public/images/fcc_primary_large.png differ diff --git a/styles/globals.css b/styles/globals.css index e5e2dcc2..b8c7a989 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -2,8 +2,7 @@ html, body { padding: 0; margin: 0; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, - Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + font-family: 'Roboto Mono', monospace; } a {