diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 13 | ||||
| -rw-r--r-- | pages/_document.tsx | 22 | ||||
| -rw-r--r-- | pages/index.tsx | 32 |
3 files changed, 67 insertions, 0 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx new file mode 100644 index 0000000..047963f --- /dev/null +++ b/pages/_app.tsx @@ -0,0 +1,13 @@ +import "../styles/globals.css"; +import React from "react"; + +interface Props { + Component: typeof React.Component; + pageProps: any; +} + +const MyApp = ({ Component, pageProps }: Props): JSX.Element => { + return <Component {...pageProps} />; +}; + +export default MyApp; diff --git a/pages/_document.tsx b/pages/_document.tsx new file mode 100644 index 0000000..8f33f41 --- /dev/null +++ b/pages/_document.tsx @@ -0,0 +1,22 @@ +import Document, { Html, Head, Main, NextScript, DocumentInitialProps, DocumentContext } from "next/document"; + +class MyDocument extends Document { + static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> { + const initialProps = await Document.getInitialProps(ctx); + return { ...initialProps }; + } + + render(): JSX.Element { + return ( + <Html lang="en"> + <Head /> + <body> + <Main /> + <NextScript /> + </body> + </Html> + ); + } +} + +export default MyDocument;
\ No newline at end of file diff --git a/pages/index.tsx b/pages/index.tsx new file mode 100644 index 0000000..b4eb1cf --- /dev/null +++ b/pages/index.tsx @@ -0,0 +1,32 @@ +import Head from "next/head"; +import Box from "../components/Box/Box"; +import Social from "../components/Social/Social"; +import styles from "../styles/Home.module.css"; + +export default function Home(): JSX.Element { + return ( + <div className={styles.container}> + <Head> + <title>jan.systems</title> + <link rel="icon" href="/favicon.ico" /> + <meta name="description" content="The personal home page of Jan Tuomi" /> + </Head> + + <main className={styles.main}> + <h1 className={styles.title}> + jan.systems + </h1> + + <div className={styles.socials}> + <Social type="telegram" /> + <Social type="linkedin" /> + <Social type="github" /> + </div> + + <div className={styles.boxes}> + <Box text="Files" href="/files" /> + </div> + </main> + </div> + ); +} |