From 6d86fe188a499bc4096066d3dfe7e538f8e7057a Mon Sep 17 00:00:00 2001
From: Victor Tran <vicr12345@gmail.com>
Date: Thu, 8 Jun 2023 23:58:28 +1000
Subject: [PATCH] Update 404

---
 src/components/notfound/crash.svg        | 117 +++++++++++++++++++++++
 src/components/notfound/index.js         |  14 +++
 src/components/notfound/index.module.css |  36 +++++++
 src/theme/NotFound.js                    |  20 ++++
 4 files changed, 187 insertions(+)
 create mode 100644 src/components/notfound/crash.svg
 create mode 100644 src/components/notfound/index.js
 create mode 100644 src/components/notfound/index.module.css
 create mode 100644 src/theme/NotFound.js

diff --git a/src/components/notfound/crash.svg b/src/components/notfound/crash.svg
new file mode 100644
index 0000000..a9e6a3a
--- /dev/null
+++ b/src/components/notfound/crash.svg
@@ -0,0 +1,117 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="64"
+   viewBox="0 0 16.933333 16.933334"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="dead.svg"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="1"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="45.069255"
+     inkscape:cy="29.456934"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     units="px"
+     showguides="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1046"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid815"
+       empspacing="4" />
+    <inkscape:grid
+       type="xygrid"
+       id="grid817"
+       empspacing="1"
+       originy="0.13229167"
+       originx="0.13229167"
+       dotted="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-280.06665)">
+    <path
+       style="opacity:1;fill:var(--svg-fg);fill-opacity:1;stroke:none;stroke-width:0.26499999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       d="m 14.259665,283.02062 c -1.699021,-0.45524 -3.433314,0.54606 -3.888565,2.24507 l -2.4652513,9.20044 c -0.4552455,1.69902 0.5460449,3.43331 2.2450643,3.88857 1.699011,0.45524 3.43331,-0.54605 3.888565,-2.24507 l 1.095034,-4.08872 a 1.0585953,1.0585953 0 0 0 0.0015,4e-4 c 0.0014,4e-4 0.0026,1.4e-4 0.0041,5.7e-4 l -0.0015,0.005 c 0.574112,0.15591 0.896482,0.71944 0.742365,1.29459 a 1.0584389,1.0584389 0 0 0 -0.0088,0.0367 l -0.26402,0.98534 -0.547967,2.04504 c -0.151752,0.56631 0.181516,1.14428 0.747855,1.29605 0.283171,0.0759 0.570105,0.0304 0.804391,-0.10492 0.234288,-0.13528 0.416424,-0.36014 0.492297,-0.6433 l 0.547833,-2.04454 0.273917,-1.02227 -4.99e-4,-1.4e-4 c 0.450016,-1.68006 -0.56059,-3.43463 -2.23944,-3.88759 l 0.0015,-0.005 c -0.0015,-4.2e-4 -0.0026,-1.5e-4 -0.0041,-5.7e-4 a 1.0585953,1.0585953 0 0 0 -0.0015,-4e-4 l 0.821885,-3.06731 c 0.227622,-0.84951 0.09129,-1.70765 -0.314447,-2.41041 -0.405735,-0.70276 -1.080751,-1.24988 -1.930252,-1.47753 z m -2.477491,2.15611 a 0.26460981,0.26460981 0 0 1 0.162459,0.12646 l 0.05445,0.0943 0.0948,-0.0543 a 0.26460981,0.26460981 0 0 1 0.195935,-0.0304 0.26460981,0.26460981 0 0 1 0.06898,0.48928 l -0.09444,0.0549 0.05444,0.0943 a 0.26516504,0.26516504 0 1 1 -0.458989,0.26542 l -0.05481,-0.0949 -0.09444,0.0549 a 0.26528651,0.26528651 45 1 1 -0.265286,-0.45949 l 0.0948,-0.0543 -0.05481,-0.0949 a 0.26460981,0.26460981 0 0 1 0.296896,-0.39125 z m 3.065816,0.82149 a 0.26460981,0.26460981 0 0 1 0.164456,0.12699 l 0.05445,0.0943 0.0943,-0.0545 a 0.26460981,0.26460981 0 0 1 0.196433,-0.0303 0.26460981,0.26460981 0 0 1 0.06899,0.48928 l -0.09444,0.0549 0.05444,0.0943 a 0.26528664,0.26528664 45 0 1 -0.459488,0.26529 l -0.05445,-0.0943 -0.0943,0.0545 A 0.26528593,0.26528593 45 1 1 14.5131,286.53924 l 0.0943,-0.0544 -0.05431,-0.0948 a 0.26460981,0.26460981 0 0 1 0.294899,-0.39177 z m -1.707623,1.21965 c 0.541926,0.14522 1.003715,0.49925 1.284327,0.98505 a 0.52921955,0.52921955 0 0 1 -0.589932,0.78406 0.52921955,0.52921955 0 0 1 -0.326015,-0.25481 c -0.140446,-0.24326 -0.370978,-0.41933 -0.642297,-0.49203 -0.271311,-0.0727 -0.559499,-0.0356 -0.802759,0.10483 a 0.52921955,0.52921955 0 0 1 -0.736604,-0.184 0.52921955,0.52921955 0 0 1 -0.0015,-0.003 0.52921955,0.52921955 0 0 1 0.209455,-0.72979 c 0.48598,-0.28058 1.063235,-0.35603 1.605287,-0.21078 z"
+       id="path924"
+       inkscape:connector-curvature="0" />
+    <circle
+       style="opacity:1;fill:var(--svg-fg);fill-opacity:1;stroke:none;stroke-width:0.26499999;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="path1401"
+       cx="4.2333331"
+       cy="283.24164"
+       r="1.0583333" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:var(--svg-fg);stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="path1436"
+       sodipodi:type="arc"
+       sodipodi:cx="4.2333331"
+       sodipodi:cy="289.59164"
+       sodipodi:rx="6.3499999"
+       sodipodi:ry="6.3499999"
+       sodipodi:start="5.059784"
+       sodipodi:end="5.5476459"
+       sodipodi:open="true"
+       d="m 6.395188,283.62098 a 6.3499999,6.3499999 0 0 1 2.5464727,1.7099" />
+    <path
+       style="opacity:1;fill:none;fill-opacity:1;stroke:var(--svg-fg);stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
+       id="path1440"
+       sodipodi:type="arc"
+       sodipodi:cx="6.4543643"
+       sodipodi:cy="291.0329"
+       sodipodi:rx="6.2177081"
+       sodipodi:ry="6.2177081"
+       sodipodi:start="3.6892591"
+       sodipodi:end="5.1334696"
+       sodipodi:open="true"
+       d="m 1.1460462,287.79536 a 6.2177081,6.2177081 0 0 1 7.8497871,-2.43704" />
+    <path
+       style="fill:none;stroke:var(--svg-fg);stroke-width:0.26458332;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 9.6572917,284.16769 8.9958332,283.50623"
+       id="path1461"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;stroke:var(--svg-fg);stroke-width:0.26458332px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 9.2604166,286.41665 -1.0583334,0.26458"
+       id="path1463"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/src/components/notfound/index.js b/src/components/notfound/index.js
new file mode 100644
index 0000000..a5abdef
--- /dev/null
+++ b/src/components/notfound/index.js
@@ -0,0 +1,14 @@
+import React from "react";
+import Crash from "./crash.svg";
+import Styles from "./index.module.css";
+
+export default function() {
+    return <main className={Styles.root}>
+        <h1 className={Styles.heading}>Oh, bonkers!</h1>
+        <Crash className={Styles.crash} />
+        <div className={Styles.lower}>
+            <div>Let's get you back on the right track.</div>
+            <a href={"/"}><button className="button">Go Home</button></a>
+        </div>
+    </main>
+}
\ No newline at end of file
diff --git a/src/components/notfound/index.module.css b/src/components/notfound/index.module.css
new file mode 100644
index 0000000..5563596
--- /dev/null
+++ b/src/components/notfound/index.module.css
@@ -0,0 +1,36 @@
+.root {
+    display: flex;
+    flex-grow: 1;
+
+    padding-top: 50px;
+    padding-bottom: 50px;
+
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    gap: 20px;
+}
+
+.crash {
+    width: 80vw;
+    height: 80vw;
+    max-width: 128px;
+    max-height: 128px;
+    opacity: 0.5;
+
+    --svg-fg: var(--ifm-font-color-base);
+}
+
+.heading {
+    margin: 0;
+}
+
+.lower {
+    display: flex;
+
+    flex-direction: column;
+    align-items: center;
+
+    gap: 9px;
+}
\ No newline at end of file
diff --git a/src/theme/NotFound.js b/src/theme/NotFound.js
new file mode 100644
index 0000000..ff2f77b
--- /dev/null
+++ b/src/theme/NotFound.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import Translate, {translate} from '@docusaurus/Translate';
+import {PageMetadata} from '@docusaurus/theme-common';
+import Layout from '@theme/Layout';
+import CustomNotFound from '@site/src/components/notfound'
+export default function NotFound() {
+  return (
+    <>
+      <PageMetadata
+        title={translate({
+          id: 'theme.NotFound.title',
+          message: 'Page Not Found',
+        })}
+      />
+      <Layout>
+        <CustomNotFound />
+      </Layout>
+    </>
+  );
+}