Created _document.tsx, fixed footer profile pic

4 years ago · 7c77007c6d
parent 24a131a951
commit 7c77007c6d
2 changed files with 21 additions and 1 deletions
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@ -5,7 +5,7 @@ const Footer = () => {
  return (
    <footer className="footer">
      <div className="container">
-        <img src="/profile.png" width="100%" height="100%" alt="" className="profile" />
+        <img src="/img/profile.png" width="100%" height="100%" alt="" className="profile" />
        <div className="branding">
          Guus van Meerveld <br />
          &#169; {year}
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@ -0,0 +1,20 @@
+import Document, { Html, Head, Main, NextScript } from "next/document";
+
+export default class AppDocument extends Document {
+  static async getInitialProps(ctx) {
+    const initialProps = await Document.getInitialProps(ctx);
+    return { ...initialProps };
+  }
+
+  render() {
+    return (
+      <Html lang="en">
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+}