From ea694508bb7a0a0103c43f830e12fdba751db489 Mon Sep 17 00:00:00 2001 From: Riccardo Graziosi <31478034+riggraz@users.noreply.github.com> Date: Sun, 25 Feb 2024 15:38:41 +0100 Subject: [PATCH] Customize pages for errors 404, 422 and 500 (#297) --- public/404.html | 69 ++++++++----------------------------------- public/422.html | 69 ++++++++----------------------------------- public/500.html | 68 ++++++++---------------------------------- public/error-404.png | Bin 0 -> 4665 bytes public/error-422.png | Bin 0 -> 3186 bytes public/error-500.png | Bin 0 -> 3157 bytes public/style.css | 28 ++++++++++++++++++ 7 files changed, 64 insertions(+), 170 deletions(-) create mode 100644 public/error-404.png create mode 100644 public/error-422.png create mode 100644 public/error-500.png create mode 100644 public/style.css diff --git a/public/404.html b/public/404.html index 2be3af26..ef2afdcc 100644 --- a/public/404.html +++ b/public/404.html @@ -1,67 +1,22 @@ - The page you were looking for doesn't exist (404) + Page not found - + - + -
-
-

The page you were looking for doesn't exist.

-

You may have mistyped the address or the page may have moved.

-
-

If you are the application owner check the logs for more information.

+
+

Page not found

+ +

+ The page you're looking for doesn't exist. +

+

+ Go back to home page +

diff --git a/public/422.html b/public/422.html index c08eac0d..75547bde 100644 --- a/public/422.html +++ b/public/422.html @@ -1,67 +1,22 @@ - The change you wanted was rejected (422) + The change you wanted was rejected - + - + -
-
-

The change you wanted was rejected.

-

Maybe you tried to change something you didn't have access to.

-
-

If you are the application owner check the logs for more information.

+
+

Rejected

+ +

+ The change you wanted was rejected. If you're trying to do something bad, our team of astute foxes is already looking out for you. Watch out! +

+

+ If you think you should be allowed to do this, then contact us. +

diff --git a/public/500.html b/public/500.html index 78a030af..193f83a6 100644 --- a/public/500.html +++ b/public/500.html @@ -1,66 +1,22 @@ - We're sorry, but something went wrong (500) + We're sorry, but something went wrong - + - + -
-
-

We're sorry, but something went wrong.

-
-

If you are the application owner check the logs for more information.

+
+

Something went wrong

+ +

+ We're sorry. Wait a moment and try again. +

+

+ If the issue persists, contact us. +

diff --git a/public/error-404.png b/public/error-404.png new file mode 100644 index 0000000000000000000000000000000000000000..9fc752adbc01a5752bcf6542d9f5d1f184b5b782 GIT binary patch literal 4665 zcmdUz_dgVl(2ygv>b3*4bM^5>aNdyR&yj*<^E8cHubp z?ek}RU%xzGkJnGnpI=EPM%t9*%;W$7fKpdS!wdi*_*V%4q`-gh`fOwI4^1Wp7MlO~ z|1M_Xrp^DPp9Gp2nFIETZiJ6WcVJgi5P=JXF9pq7klND6*C^HwrqP59ErT+KpP%wL zCtQodOi%jld%jrl&UwlzHb082lUe>L3INbt>uRW4ge)#EE(9UOX#kU4Rh&K|$sLWY zUc#O^b{IVV)3J+phTK~$}=J}HKsnYDzOJh0&u{kkE54wrAvm@2MTfh&F z8$X9lHlIA(Uv@glMaT_$=l{NZLxR0#k(@4)UVFP+hAm0g&5O$)vx+Oo3s<}5d zdP}+gew-qp+(`dU-unXLu6J+b^;gTW66hi^mrmQ+3$NDe8hO=TNeYs7ClRl|j&D{5 zO7fGj_9G)YM=uPfFT!uyDNJ*X!fRoTr=V=3h
  • P|Y~!!dk01B)VF4nAa7(0A?x= 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 MuBMSjtr`sRe|Mj#vj6}9 literal 0 HcmV?d00001 diff --git a/public/error-422.png b/public/error-422.png new file mode 100644 index 0000000000000000000000000000000000000000..7740e71e5e93564251ce6572de9b8d6389bd6d7a GIT binary patch literal 3186 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 literal 0 HcmV?d00001 diff --git a/public/error-500.png b/public/error-500.png new file mode 100644 index 0000000000000000000000000000000000000000..de5f709df8e68b244cfd41a113502204a2b0bb99 GIT binary patch literal 3157 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 literal 0 HcmV?d00001 diff --git a/public/style.css b/public/style.css new file mode 100644 index 00000000..cab45c03 --- /dev/null +++ b/public/style.css @@ -0,0 +1,28 @@ +.card { + /* Bootstrap 4.6.2 card style */ + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; + + /* My customizations */ + max-width: 720px; + text-align: center; + font-family: system-ui; + margin: 0 auto; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04),0 2px 4px -1px rgba(0, 0, 0, 0.03); + transition: all 0.3s cubic-bezier(.25,.8,.25,1); + color: black; + padding: 8px; +} + +.error-image { margin: 0 auto; } +.error-description { font-size: 18px; } +a { color: black; } \ No newline at end of file