From ec2ed5c0c8a575becbcff9510f8cba7159b63fa1 Mon Sep 17 00:00:00 2001 From: Sohee Lim Date: Wed, 6 Nov 2024 12:43:16 -0500 Subject: [PATCH] feat: add 404 --- assets/tailwind-output.css | 83 +++++++ templates/error_page.hbs | 488 +++++++++++++++++++++++++++++++++++-- 2 files changed, 551 insertions(+), 20 deletions(-) diff --git a/assets/tailwind-output.css b/assets/tailwind-output.css index 2d65dda14..f490e162d 100644 --- a/assets/tailwind-output.css +++ b/assets/tailwind-output.css @@ -739,6 +739,11 @@ video { margin-bottom: 1.5rem; } +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} + .mb-12 { margin-bottom: 3rem; } @@ -946,6 +951,10 @@ video { height: 1.5rem; } +.h-screen { + height: 100vh; +} + .min-h-4 { min-height: 1rem; } @@ -954,6 +963,10 @@ video { min-height: 15.625rem; } +.min-h-\[33\.8125rem\] { + min-height: 33.8125rem; +} + .w-3\.5 { width: 0.875rem; } @@ -1018,6 +1031,10 @@ video { max-width: 43.375rem; } +.max-w-\[56\.75rem\] { + max-width: 56.75rem; +} + .flex-shrink { flex-shrink: 1; } @@ -1215,6 +1232,10 @@ video { border-width: 1px; } +.border-2 { + border-width: 2px; +} + .border-b { border-bottom-width: 1px; } @@ -1396,6 +1417,16 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-light-neutral-2 { + --tw-bg-opacity: 1; + background-color: rgb(125 125 125 / var(--tw-bg-opacity)); +} + +.bg-light-neutral-3 { + --tw-bg-opacity: 1; + background-color: rgb(206 206 206 / var(--tw-bg-opacity)); +} + .fill-dark-accent-1 { fill: #FC74FE; } @@ -1460,6 +1491,10 @@ video { fill: #F50DB4; } +.\!fill-light-accent-1 { + fill: #F50DB4 !important; +} + .p-2 { padding: 0.5rem; } @@ -1584,6 +1619,16 @@ video { padding-bottom: 0.375rem; } +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + .pb-3 { padding-bottom: 0.75rem; } @@ -1616,6 +1661,10 @@ video { padding-top: 2.25rem; } +.pt-nav-h { + padding-top: 4.5rem; +} + .text-center { text-align: center; } @@ -2814,6 +2863,10 @@ html:has(.ArticlePage) { background-color: rgba(34,34,34,0.09); } +.hover\:bg-light-surface-4:hover { + background-color: rgba(255,255,255,0.64); +} + .hover\:text-light-accent-1:hover { --tw-text-opacity: 1; color: rgb(245 13 180 / var(--tw-text-opacity)); @@ -2922,10 +2975,18 @@ html:has(.ArticlePage) { display: flex; } + .sm\:h-screen { + height: 100vh; + } + .sm\:min-h-\[15\.625rem\] { min-height: 15.625rem; } + .sm\:min-h-\[41\.875rem\] { + min-height: 41.875rem; + } + .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -3151,6 +3212,16 @@ html:has(.ArticlePage) { background-color: rgba(255,255,255,0.12); } +.dark\:bg-dark-neutral-2:where(.dark, .dark *) { + --tw-bg-opacity: 1; + background-color: rgb(155 155 155 / var(--tw-bg-opacity)); +} + +.dark\:bg-dark-neutral-3:where(.dark, .dark *) { + --tw-bg-opacity: 1; + background-color: rgb(94 94 94 / var(--tw-bg-opacity)); +} + .dark\:fill-dark-accent-1:where(.dark, .dark *) { fill: #FC74FE; } @@ -3183,6 +3254,10 @@ html:has(.ArticlePage) { fill: #FC74FE; } +.dark\:\!fill-dark-accent-1:where(.dark, .dark *) { + fill: #FC74FE !important; +} + .dark\:text-dark-accent-1:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(252 116 254 / var(--tw-text-opacity)); @@ -3271,6 +3346,14 @@ html:has(.ArticlePage) { background-color: rgb(254 244 255 / var(--tw-bg-opacity)); } +.hover\:dark\:bg-dark-surface-4:where(.dark, .dark *):hover { + background-color: rgba(255,255,255,0.20); +} + +.hover\:dark\:bg-dark-surface-3-hovered:where(.dark, .dark *):hover { + background-color: rgba(255,255,255,0.16); +} + .dark\:hover\:text-dark-accent-1:hover:where(.dark, .dark *) { --tw-text-opacity: 1; color: rgb(252 116 254 / var(--tw-text-opacity)); diff --git a/templates/error_page.hbs b/templates/error_page.hbs index 6ffb71378..59bd3189d 100644 --- a/templates/error_page.hbs +++ b/templates/error_page.hbs @@ -1,21 +1,469 @@ -
-
-

{{t 'oops'}}

- - {{#is error 'unauthorized'}} -

{{link 'sign_in'}}

- {{/is}} - - {{#is error 'forbidden'}} -

{{t 'not_authorized'}}

- {{/is}} - - {{#is error 'not_found'}} -

{{t 'nonexistent_page'}}

-

{{t 'mistyped_address_or_moved_page'}}

- {{/is}} - - {{#link 'help_center'}} - {{t 'back_to_homepage'}} - {{/link}} +
+

{{t 'Error - 404'}}

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

The page you were looking for doesn't exist

+ {{#link 'help_center'}} +
+ View home page +
+ {{/link}} +
+