From 7b02a2dce6c20340f80481025284efd30162187c Mon Sep 17 00:00:00 2001 From: "E. Almqvist" Date: Sat, 2 Jul 2022 16:42:56 +0200 Subject: [PATCH] Header stuff --- components/footer.tsx | 0 components/header.tsx | 23 + components/layout.tsx | 10 + next.config.js | 5 +- package-lock.json | 231 +++ package.json | 1 + pages/index.tsx | 22 +- tsconfig.json | 3 +- yarn.lock | 3497 +++++++++++++++++++++-------------------- 9 files changed, 2064 insertions(+), 1728 deletions(-) create mode 100644 components/footer.tsx create mode 100644 components/header.tsx create mode 100644 components/layout.tsx diff --git a/components/footer.tsx b/components/footer.tsx new file mode 100644 index 0000000..e69de29 diff --git a/components/header.tsx b/components/header.tsx new file mode 100644 index 0000000..7c2ff09 --- /dev/null +++ b/components/header.tsx @@ -0,0 +1,23 @@ +import Link from "next/link" +import styled from 'styled-components' + +const Header = styled.header` + display: flex; + gap: 1rem; + align-items: center; + line-height: 1; +` + +const Nav = styled(Header).attrs({as: "nav"})`` + +export default () => { + return ( +
+

wych.dev

+ +
+ ) +} diff --git a/components/layout.tsx b/components/layout.tsx new file mode 100644 index 0000000..fbeb0a0 --- /dev/null +++ b/components/layout.tsx @@ -0,0 +1,10 @@ +import Header from './header' +import Footer from './footer' + +export default ({children}) => { + return <> +
+
{children}
+