diff --git a/error/400.html b/error/400.html new file mode 100644 index 0000000..9fd6d9b --- /dev/null +++ b/error/400.html @@ -0,0 +1,188 @@ + + + + + + + 400; bad request + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Bad request! + + + + +
+

400

+

Uh, are you sure you did that correctly?

+
+
+ + + + + + + + + + diff --git a/error/401.html b/error/401.html new file mode 100644 index 0000000..18f1549 --- /dev/null +++ b/error/401.html @@ -0,0 +1,188 @@ + + + + + + + 401; unauthorized + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Unauthorized! + + + + +
+

401

+

Shoo! Get out of here!

+
+
+ + + + + + + + + + diff --git a/error/402.html b/error/402.html new file mode 100644 index 0000000..e3b8a25 --- /dev/null +++ b/error/402.html @@ -0,0 +1,188 @@ + + + + + + + 402; payment required + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Payment required! + + + + +
+

402

+

...I honestly have no idea what you're doing that "requires payment" for you to end up here, but congrats!

+
+
+ + + + + + + + + + diff --git a/error/403.html b/error/403.html new file mode 100644 index 0000000..f6b344e --- /dev/null +++ b/error/403.html @@ -0,0 +1,188 @@ + + + + + + + 403; forbidden + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Forbidden! + + + + +
+

403

+

Hey, you're not supposed to be here!

+
+
+ + + + + + + + + + diff --git a/error/404.html b/error/404.html new file mode 100644 index 0000000..62ef620 --- /dev/null +++ b/error/404.html @@ -0,0 +1,188 @@ + + + + + + + 404; not found + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Not found! + + + + +
+

404

+

Whatever it is, isn't here.

+
+
+ + + + + + + + + + diff --git a/error/408.html b/error/408.html new file mode 100644 index 0000000..e56de9f --- /dev/null +++ b/error/408.html @@ -0,0 +1,188 @@ + + + + + + + 408; request timeout + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Request Timeout! + + + + +
+

408

+

Zzz... Zzz...

+
+
+ + + + + + + + + + diff --git a/error/429.html b/error/429.html new file mode 100644 index 0000000..cc89639 --- /dev/null +++ b/error/429.html @@ -0,0 +1,188 @@ + + + + + + + 429; too many requests + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Too many requests! + + + + +
+

429

+

Ack... Clogged over here...

+
+
+ + + + + + + + + + diff --git a/error/444.html b/error/444.html new file mode 100644 index 0000000..9e182d7 --- /dev/null +++ b/error/444.html @@ -0,0 +1,188 @@ + + + + + + + 444; no response + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + No response! + + + + +
+

444

+

......

+
+
+ + + + + + + + + + diff --git a/error/497.html b/error/497.html new file mode 100644 index 0000000..7e945db --- /dev/null +++ b/error/497.html @@ -0,0 +1,188 @@ + + + + + + + 497; http request sent to https port + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + HTTP Request sent to HTTPS Port! + + + + +
+

497

+

Talk about security.

+
+
+ + + + + + + + + + diff --git a/error/500.html b/error/500.html new file mode 100644 index 0000000..51022fc --- /dev/null +++ b/error/500.html @@ -0,0 +1,188 @@ + + + + + + + 500; internal server error + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Internal server error! + + + + +
+

500

+

Something wasn't happy somewhere, and probably wasn't your fault.

+
+
+ + + + + + + + + + diff --git a/error/501.html b/error/501.html new file mode 100644 index 0000000..ec13a83 --- /dev/null +++ b/error/501.html @@ -0,0 +1,188 @@ + + + + + + + 501; bad request + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Bad request! + + + + +
+

501

+

Uh, are you sure you did that correctly?

+
+
+ + + + + + + + + + diff --git a/error/502.html b/error/502.html new file mode 100644 index 0000000..22c059b --- /dev/null +++ b/error/502.html @@ -0,0 +1,188 @@ + + + + + + + 502; bad request + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Bad request! + + + + +
+

502

+

Uh, are you sure you did that correctly?

+
+
+ + + + + + + + + + diff --git a/error/503.html b/error/503.html new file mode 100644 index 0000000..83881d3 --- /dev/null +++ b/error/503.html @@ -0,0 +1,188 @@ + + + + + + + 503; service unavailable + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Service unavailable! + + + + +
+

503

+

Hi, I'm Minecraft, and I'm a Crashaholic.

+
+
+ + + + + + + + + + diff --git a/error/504.html b/error/504.html new file mode 100644 index 0000000..9fd6d9b --- /dev/null +++ b/error/504.html @@ -0,0 +1,188 @@ + + + + + + + 400; bad request + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Bad request! + + + + +
+

400

+

Uh, are you sure you did that correctly?

+
+
+ + + + + + + + + + diff --git a/error/522.html b/error/522.html new file mode 100644 index 0000000..9fd6d9b --- /dev/null +++ b/error/522.html @@ -0,0 +1,188 @@ + + + + + + + 400; bad request + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Bad request! + + + + +
+

400

+

Uh, are you sure you did that correctly?

+
+
+ + + + + + + + + + diff --git a/error/523.html b/error/523.html new file mode 100644 index 0000000..9fd6d9b --- /dev/null +++ b/error/523.html @@ -0,0 +1,188 @@ + + + + + + + 400; bad request + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + Bad request! + + + + +
+

400

+

Uh, are you sure you did that correctly?

+
+
+ + + + + + + + + + diff --git a/styles/error.css b/styles/error.css new file mode 100644 index 0000000..c607ccf --- /dev/null +++ b/styles/error.css @@ -0,0 +1,153 @@ +/* error window */ + +.window.error { + margin-top: 10rem !important; + text-align: center !important; + max-width: 30rem !important; + + h1 { + font-size: 10rem; + margin-top: unset !important; + margin-bottom: unset !important; + } +} + +footer { + text-align: center !important; + max-width: 15rem; +} + +@media screen and (max-width: 480px) { + .window:not(#footer) { + summary { + div:first-child { + padding: .3rem .4rem .3rem .4rem; + } + + div:nth-child(3) { + display: none !important; + } + + div:nth-child(4) { + margin-left: auto !important; + } + } + + animation: unset !important; + + section, article { + padding: .5rem; + } + + border-top: var(--accent) solid .15rem; + border-bottom: var(--accent) solid .15rem; + border-left: unset !important; + border-right: unset !important; + border-radius: unset !important; + + margin-bottom: .8em; + } + + /* window when its the first one on the page */ + .window.error { + margin-top: 5rem !important; + } +} + +@media screen and (max-width: 1083px) { + .navbar { + min-height: 1.8em !important; + max-height: 1.8em !important; + flex-wrap: wrap; + + .nav-base { + padding: .27em .2em !important; + } + .nav-left { + height: 1.9rem; + left: -.4rem; + } + .nav-left::before { + margin-left: -10rem !important; + } + .nav-baselink { + display: none !important; + } + .nav-baselink-mobile { + display: block !important; + position: absolute; + max-width: 40em; + width: max-content; + z-index: 9999; + padding: unset !important; + + a { + display: inline-flex; + align-items: center; + color: var(--foreground); + padding: .6em .7em; + text-decoration: none; + } + + a:hover { + color: var(--accent); + text-decoration: underline; + } + + ul { + background-color: var(--background); + border-bottom-right-radius: 1rem; + border-right: var(--accent) solid .15rem; + border-bottom: var(--accent) solid .15rem; + max-width: 10em; + width: auto; + margin-top: unset !important; + + li { + list-style-type: none; + margin-left: -2em; + padding-bottom: unset !important; + span { + padding-right: .4em; + } + } + } + } + .nav-baselink-mobile::before { + display: none; + } + .nav-baselink-mobile summary { + display: block !important; + margin-top: 0px !important; + background-color: var(--accent); + text-decoration: unset !important; + color: var(--background); + padding: .3em; + border-bottom-right-radius: 1rem; + width: 5.7em; + + i:not(:first-child) { + margin-left: -.5em; + margin-right: -.9em; + opacity: .6; + } + } + .nav-links { + display: none !important; + } + + .nav-right { + height: 1.4rem; + } + .nav-accessibility { + right: 7.6rem; + min-width: 1.6rem; + span { + transform: scale(1.3) translateY(-.05rem) translateX(.2rem); + } + } + .nav-systray { + padding: .27em .5em !important; + } + } +} \ No newline at end of file diff --git a/styles/icons.css b/styles/icons.css index 42fcdbe..00baaf4 100644 --- a/styles/icons.css +++ b/styles/icons.css @@ -640,4 +640,19 @@ uses Tabler icons via https://icon-sets.iconify.design/tabler to generate reusab mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; +} +/* ti-mood-sad-dizzy */ +.tabler--mood-sad-dizzy { + display: inline-block; + width: 1.3rem; + height: 1.3rem; + vertical-align: top; + --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='M14.5 16.05a3.5 3.5 0 0 0-5 0M8 9l2 2m0-2l-2 2m6-2l2 2m0-2l-2 2'/%3E%3C/g%3E%3C/svg%3E"); + background-color: currentColor; + -webkit-mask-image: var(--svg); + mask-image: var(--svg); + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; } \ No newline at end of file