From cce871eaf5691bdbc3c920fd318b817e23d37675 Mon Sep 17 00:00:00 2001 From: "E. Almqvist" Date: Sun, 3 Jul 2022 02:42:21 +0200 Subject: [PATCH] Content refactor & spacer for the footer --- components/footer.tsx | 28 +++++++++++----- components/layout.tsx | 2 +- components/nav.tsx | 4 ++- pages/index.tsx | 76 ++++++++++++++++++++++++++++++++++++------- pages/projects.tsx | 8 ++++- styles/globals.css | 14 ++++++-- 6 files changed, 106 insertions(+), 26 deletions(-) diff --git a/components/footer.tsx b/components/footer.tsx index e21a360..0a45911 100644 --- a/components/footer.tsx +++ b/components/footer.tsx @@ -1,5 +1,5 @@ -import Link from "next/link" import styled from 'styled-components' +import Link from "next/link" const Footer = styled.footer` display: flex; @@ -20,14 +20,26 @@ const UList = styled.ul` gap: 2rem; ` +const Spacer = styled.div` + flex: 1; +` + export default () => { return ( - + <> + +
+

Copyright © {new Date().getFullYear()} Elias Almqvist

+ +
  • {""}
    • +
  • {""}
    • +     +

    Source Code

    + +
  • GitHub
    • +
  • WychGit
    • +     +
    + ) } diff --git a/components/layout.tsx b/components/layout.tsx index e585784..446a2f3 100644 --- a/components/layout.tsx +++ b/components/layout.tsx @@ -5,7 +5,7 @@ import {ReactNode} from 'react' export default ({children}: {children: ReactNode}) => { return <>
    -
    {children}
    +
    {children}