From 48a2e4beeceeb60c0d8433961290b2d89846617a Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Fri, 8 Sep 2023 11:35:54 +0100 Subject: [PATCH 1/5] 404 page --- app/not-found.tsx | 58 +++++++++++++++++++++++++++++++ components/ui/button.tsx | 2 +- public/icons/emotion-sad-line.svg | 3 ++ tailwind.config.js | 2 ++ 4 files changed, 64 insertions(+), 1 deletion(-) create mode 100644 app/not-found.tsx create mode 100644 public/icons/emotion-sad-line.svg diff --git a/app/not-found.tsx b/app/not-found.tsx new file mode 100644 index 00000000..a545ccf1 --- /dev/null +++ b/app/not-found.tsx @@ -0,0 +1,58 @@ +import "@/styles/globals.css" +import React from "react" +import Image from "next/image" +import Link from "next/link" + +import { fontDisplay, fontSans } from "@/lib/fonts" +import { Button } from "@/components/ui/button" +import { SiteHeader } from "@/components/site-header" +import { TailwindIndicator } from "@/components/tailwind-indicator" + +export default function NotFound() { + return ( + + + +
+ +
+
+ {" "} +
+
+ emotion sad + + 404 + +
+
+ + Oops! Page not found + + + The page you are looking for might have been removed, had + its name changed or is temporarily unavailable. + +
+
+ + + +
+
+
+ + + + ) +} diff --git a/components/ui/button.tsx b/components/ui/button.tsx index 57ecf844..1ee0b5fd 100644 --- a/components/ui/button.tsx +++ b/components/ui/button.tsx @@ -6,7 +6,7 @@ import { LucideIcon } from "lucide-react" import { cn } from "@/lib/utils" const buttonVariants = cva( - "inline-flex items-center justify-center duration-100 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background", + "font-sans inline-flex items-center justify-center duration-100 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background", { variants: { variant: { diff --git a/public/icons/emotion-sad-line.svg b/public/icons/emotion-sad-line.svg new file mode 100644 index 00000000..9e2cf99b --- /dev/null +++ b/public/icons/emotion-sad-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/tailwind.config.js b/tailwind.config.js index e81e7d50..c5bea3d3 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -30,10 +30,12 @@ module.exports = { input: "hsl(var(--input))", ring: "hsl(var(--ring))", anakiwa: { + 50: "#F2FAFD", 100: "hsl(var(--anakiwa))", 100: "#E4F3FA", 200: "#C2E8F5", 300: "#A3DFF0", + 400: "#50C3E0", 500: "#29ACCE", 950: "#103241", }, From 81df18aef45a19b914ac897ad34f743c3f84df5f Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Fri, 8 Sep 2023 11:38:01 +0100 Subject: [PATCH 2/5] remove unused --- app/not-found.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/app/not-found.tsx b/app/not-found.tsx index a545ccf1..95053c70 100644 --- a/app/not-found.tsx +++ b/app/not-found.tsx @@ -21,7 +21,6 @@ export default function NotFound() {
- {" "}
Date: Mon, 11 Sep 2023 11:43:55 +0100 Subject: [PATCH 3/5] replace 404 image --- app/not-found.tsx | 2 +- public/icons/404-search.svg | 9 +++++++++ public/icons/emotion-sad-line.svg | 3 --- 3 files changed, 10 insertions(+), 4 deletions(-) create mode 100644 public/icons/404-search.svg delete mode 100644 public/icons/emotion-sad-line.svg diff --git a/app/not-found.tsx b/app/not-found.tsx index 95053c70..2af8fbfa 100644 --- a/app/not-found.tsx +++ b/app/not-found.tsx @@ -26,7 +26,7 @@ export default function NotFound() { emotion sad diff --git a/public/icons/404-search.svg b/public/icons/404-search.svg new file mode 100644 index 00000000..d87354cb --- /dev/null +++ b/public/icons/404-search.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/icons/emotion-sad-line.svg b/public/icons/emotion-sad-line.svg deleted file mode 100644 index 9e2cf99b..00000000 --- a/public/icons/emotion-sad-line.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - From 73ff64081ccf3160dcde109809cee1671e32f2c2 Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Tue, 12 Sep 2023 09:09:39 +0100 Subject: [PATCH 4/5] replace svg --- public/icons/404-search.svg | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/public/icons/404-search.svg b/public/icons/404-search.svg index d87354cb..cd5f8fdc 100644 --- a/public/icons/404-search.svg +++ b/public/icons/404-search.svg @@ -1,9 +1,9 @@ - - + + - + - + From 123f9767fc37299f8f1f00d7f6a8108d74f154cd Mon Sep 17 00:00:00 2001 From: Kalidou Diagne Date: Tue, 12 Sep 2023 09:11:32 +0100 Subject: [PATCH 5/5] update svg size --- app/not-found.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/not-found.tsx b/app/not-found.tsx index 2af8fbfa..c3d7796d 100644 --- a/app/not-found.tsx +++ b/app/not-found.tsx @@ -28,7 +28,7 @@ export default function NotFound() { height={80} src="/icons/404-search.svg" alt="emotion sad" - className="w-12 h-12 mx-auto md:w-20 md:h-20 text-anakiwa-400" + className="w-12 h-12 mx-auto md:w-24 md:h-24 text-anakiwa-400" /> 404