From 24d7662b5b8573948adc217a0c34c5b7a4975b7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Ma=C5=84czak?=
 <56172798+jakubmanczak@users.noreply.github.com>
Date: Sat, 31 Jul 2021 14:24:03 +0200
Subject: [PATCH] add proper 404 instead of redirect

---
 netlify.toml      |  9 +------
 src/pages/404.vue | 65 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+), 8 deletions(-)
 create mode 100644 src/pages/404.vue

diff --git a/netlify.toml b/netlify.toml
index 3c46562..a8953fe 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -22,11 +22,4 @@
 # 'funny' REDIRECTS
 [[redirects]]
   from = "/pgtf-theme"
-  to = "https://www.youtube.com/watch?v=zjedLeVGcfE"
-
-# catch-all to landing page
-[[redirects]]
-  from = "/*"
-  to = "/index.html"
-  status = 200
-  force = false
\ No newline at end of file
+  to = "https://www.youtube.com/watch?v=zjedLeVGcfE"
\ No newline at end of file
diff --git a/src/pages/404.vue b/src/pages/404.vue
new file mode 100644
index 0000000..b2a281f
--- /dev/null
+++ b/src/pages/404.vue
@@ -0,0 +1,65 @@
+<template>
+	<Layout>
+		<div class="altnotfound">
+			<g-link to="/" style="background-color:inherit;">
+				<g-image
+					src="~/assets/main-logo-x512.png"
+					width="64"
+					style="margin: 0"
+				/>
+			</g-link>
+			<h1>error</h1>
+			<h1>404</h1>
+		</div>
+		<div class="morenotfound">
+			<p>Ta ścieżka nie ma końca.</p>
+			<g-link to="/">Wróć na główną.</g-link>
+		</div>
+	</Layout>
+</template>
+
+<script>
+export default {
+	metaInfo: {
+		title: 'Błąd 404',
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.morenotfound {
+	margin-top: 2rem;
+	text-align: center;
+}
+.altnotfound {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+	user-select: none;
+	h1:first-of-type {
+		font-size: 12rem;
+	}
+	h1:last-of-type {
+		// background-color: var(--black);
+		border-radius: 0.5rem;
+		line-height: 8rem;
+		font-size: 10rem;
+		letter-spacing: -12px;
+		margin-top: -6rem;
+		text-shadow: -8px -8px 0 var(--black), 8px -8px 0 var(--black),
+			0 -8px 0 var(--black), 0 16px 0 var(--black);
+	}
+}
+@media only screen and (max-width: 1000px) {
+	.altnotfound {
+		transform: scale(0.6);
+	}
+	.morenotfound {
+		margin-top: 0;
+	}
+}
+</style>
+
+© 2021 GitHub, Inc. Terms Privacy Security Status Docs Contact GitHub Pricing
+API Training Blog About Loading complete