Skip to content

Commit 0c7ae96

Browse files
ToBiDi0410ToBiDi0410
committed
Added dark mode and added nearly all 500 icons
1 parent 10ba1c3 commit 0c7ae96

34 files changed

+115
-22
lines changed

‎CADDY.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# How to use in Caddy
1+
# How to use with Caddy
22

33
This setup allows you to serve **custom error pages** in your Caddy server configuration using reusable **snippets** for both:
44

‎README.md‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
# ✨ Prebuilt HTTP Error Pages
22

3-
**Beautiful, ready-to-use error pages** – precompiled and published automatically.
3+
**Elegantly crafted, production-ready error pages** — beautifully designed and effortlessly deployable.
4+
Fully precompiled for seamless integration, compatible even with non-JavaScript browsers, and simple to serve in a single response.
45

56
---
67

@@ -9,7 +10,7 @@ Download the latest bundle from the GitHub Pages Branch: [Download ZIP](https://
910

1011

1112
## 🛠 Usage
12-
- [How to use in Caddy](./CADDY.md)
13+
- [How to use with Caddy](./CADDY.md)
1314

1415
## 🌐 Available Pages & Demo
1516
Below is a list of all available error pages with demo links:
@@ -47,19 +48,21 @@ Below is a list of all available error pages with demo links:
4748
| `428` | `428.html` | Precondition Required | [Demo 428](https://tobidi0410.github.io/error-pages/http-428.html) | ❌ |
4849
| `429` | `429.html` | Too Many Requests | [Demo 429](https://tobidi0410.github.io/error-pages/http-429.html) | ❌ |
4950
| `430` | `430.html` | Unassigned | [Demo 430](https://tobidi0410.github.io/error-pages/http-430.html) | ❌ |
50-
| `500` | `500.html` | Internal Server Error | [Demo 500](https://tobidi0410.github.io/error-pages/http-500.html) | ❌ |
51-
| `501` | `501.html` | Not Implemented | [Demo 501](https://tobidi0410.github.io/error-pages/http-501.html) | ❌ |
52-
| `502` | `502.html` | Bad Gateway | [Demo 502](https://tobidi0410.github.io/error-pages/http-502.html) | ❌ |
53-
| `503` | `503.html` | Service Unavailable | [Demo 503](https://tobidi0410.github.io/error-pages/http-503.html) | ❌ |
54-
| `504` | `504.html` | Gateway Timeout | [Demo 504](https://tobidi0410.github.io/error-pages/http-504.html) | ❌ |
55-
| `505` | `505.html` | HTTP Version Not Supported | [Demo 505](https://tobidi0410.github.io/error-pages/http-505.html) | ❌ |
56-
| `506` | `506.html` | Variant Also Negotiates | [Demo 506](https://tobidi0410.github.io/error-pages/http-506.html) | ❌ |
57-
| `507` | `507.html` | Insufficient Storage | [Demo 507](https://tobidi0410.github.io/error-pages/http-507.html) | ❌ |
58-
| `508` | `508.html` | Loop Detected | [Demo 508](https://tobidi0410.github.io/error-pages/http-508.html) | ❌ |
59-
| `509` | `509.html` | Bandwidth Limit Exceeded | [Demo 509](https://tobidi0410.github.io/error-pages/http-509.html) | ❌ |
51+
| `500` | `500.html` | Internal Server Error | [Demo 500](https://tobidi0410.github.io/error-pages/http-500.html) | ✅ |
52+
| `501` | `501.html` | Not Implemented | [Demo 501](https://tobidi0410.github.io/error-pages/http-501.html) | ✅ |
53+
| `502` | `502.html` | Bad Gateway | [Demo 502](https://tobidi0410.github.io/error-pages/http-502.html) | ✅ |
54+
| `503` | `503.html` | Service Unavailable | [Demo 503](https://tobidi0410.github.io/error-pages/http-503.html) | ✅ |
55+
| `504` | `504.html` | Gateway Timeout | [Demo 504](https://tobidi0410.github.io/error-pages/http-504.html) | ✅ |
56+
| `505` | `505.html` | HTTP Version Not Supported | [Demo 505](https://tobidi0410.github.io/error-pages/http-505.html) | ✅ |
57+
| `506` | `506.html` | Variant Also Negotiates | [Demo 506](https://tobidi0410.github.io/error-pages/http-506.html) | ✅ |
58+
| `507` | `507.html` | Insufficient Storage | [Demo 507](https://tobidi0410.github.io/error-pages/http-507.html) | ✅ |
59+
| `508` | `508.html` | Loop Detected | [Demo 508](https://tobidi0410.github.io/error-pages/http-508.html) | ✅ |
60+
| `509` | `509.html` | Bandwidth Limit Exceeded | [Demo 509](https://tobidi0410.github.io/error-pages/http-509.html) | ✅ |
6061
| `510` | `510.html` | Not Extended | [Demo 510](https://tobidi0410.github.io/error-pages/http-510.html) | ❌ |
61-
| `511` | `511.html` | Network Authentication Required | [Demo 511](https://tobidi0410.github.io/error-pages/http-511.html) | ❌ |
62+
| `511` | `511.html` | Network Authentication Required | [Demo 511](https://tobidi0410.github.io/error-pages/http-511.html) | ✅ |
6263

64+
✅: Icon present
65+
❌: No icon present (generic icon)
6366
---
6467

6568
## 📝 License & Attribution

‎src/components/expandable.pug‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ mixin expandable(title, id)
44
label(for=id class="flex items-center justify-between cursor-pointer space-x-2 text-orange-500 w-full")
55
span.font-semibold= title
66
span.arrow ↓
7-
.text-gray-700.expandable
7+
div(class="text-neutral-700 dark:text-neutral-300 expandable")
88
block
99

1010
style.

‎src/http-error.pug‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ html(lang="en" class="w-full h-full")
44
meta(charset="utf-8")
55
meta(name="viewport" content="width=device-width, initial-scale=1.0")
66
title #{code} | #{title}
7-
body(class="w-full h-full")
7+
body(class="PageBody w-full h-full dark:bg-neutral-900 dark:text-white")
88
div(class="PageContent flex flex-col flex-wrap items-center justify-center w-full min-h-full p-16")
99
div(class="ErrorContainer flex flex-row flex-wrap items-center")
1010
div(class="ErrorIllustration flex-grow basis-0 flex flex-col items-center")
@@ -13,8 +13,8 @@ html(lang="en" class="w-full h-full")
1313
//img(src=img class="w-64 h-64 min-w-64 min-h-64 rounded-xl")
1414
//object(type="image/svg+xml",data=img)
1515
div(class="ErrorDetails flex-grow basis-0 flex flex-col min-w-64 min-h-64")
16-
div(class="ErrorCode text-7xl text-neutral-800 font-bold") #{code}
17-
div(class="ErrorText text-4xl text-neutral-800 font-bold mt-3") #{title}
16+
div(class="ErrorCode text-7xl text-neutral-800 dark:text-neutral-300 font-bold") #{code}
17+
div(class="ErrorText text-4xl text-neutral-800 dark:text-neutral-300 font-bold mt-3") #{title}
1818
include components/expandable
1919
div(class="ErrorDescription mt-2") #{description}
2020
div.w-full.mt-2

src/icons/composed/http-generic-icon.pug renamed to src/icons/composed/http-4XX-icon.pug

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
mixin HTTPGenericIcon()
1+
mixin HTTP4XXIcon()
22
img(src="data-url:../icons/raw/fluent-color--document-16.svg", class="absolute top-0 left-0 h-full w-full", draggable="false")
33
img(src="data-url:../icons/raw/fluent-color--dismiss-circle-16.svg", class="absolute bottom-0 right-0 h-3/6 w-3/6", draggable="false")

‎src/icons/composed/http-500-icon.pug‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
mixin HTTP500Icon()
2+
img(src="data-url:../icons/raw/twemoji--gear.svg", class="absolute top-0 bottom-0 left-0 right-0 m-auto h-[100%] w-[100%]", draggable="false")
3+
img(src="data-url:../icons/raw/twemoji--cross-mark.svg", class="absolute m-auto bottom-[4%] right-[3%] h-[35%] w-[35%]", draggable="false")

‎src/icons/composed/http-501-icon.pug‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
mixin HTTP501Icon()
2+
img(src="data-url:../icons/raw/twemoji--red-question-mark.svg", class="absolute top-0 left-0 h-[100%] w-[100%]", draggable="false")

‎src/icons/composed/http-502-icon.pug‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
mixin HTTP502Icon()
2+
img(src="data-url:../icons/raw/twemoji--electric-plug.svg", class="absolute top-0 bottom-0 left-0 right-0 m-auto h-[100%] w-[100%]", draggable="false")
3+
img(src="data-url:../icons/raw/twemoji--warning.svg", class="absolute m-auto bottom-[35%] right-[25%] h-[30%] w-[30%]", draggable="false")

‎src/icons/composed/http-503-icon.pug‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
mixin HTTP503Icon()
2+
img(src="data-url:../icons/raw/twemoji--cloud-with-lightning.svg", class="absolute top-0 left-0 h-[100%] w-[100%]", draggable="false")

‎src/icons/composed/http-504-icon.pug‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
mixin HTTP504Icon()
2+
img(src="data-url:../icons/raw/twemoji--hourglass-done.svg", class="absolute top-0 left-0 h-[100%] w-[100%]", draggable="false")

0 commit comments

Comments
 (0)