Repo-Mirror/cloudflare-error-page
9
0
Fork 0
mirror of https://github.com/donlon/cloudflare-error-page.git synced 2025-12-19 14:59:28 +00:00
Code Issues Releases Activity

doc: doc fixes

Browse Source
This commit is contained in:
Anthony Donlon
2025-11-21 08:58:41 +08:00
parent 1e3a1aee62
commit 058d37bb5c
6 changed files with 15 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
README.md
View File

@@ -79,10 +79,6 @@ You can also see this example [here](https://virt.moe/cloudflare-error-page/exam
``` JavaScript
params = {
"title": "Catastrophic infrastructure failure",
"more_information": {
"text": "cloudflare.com",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ",
},
"browser_status": {
"status": "error",
"status_text": "Out of Memory",
@@ -100,10 +96,6 @@ params = {
"error_source": "cloudflare",
"what_happened": "<p>There is a catastrophic failure.</p>",
"what_can_i_do": "<p>Please try again in a few years.</p>",
"perf_sec_by": {
"text": "Cloudflare",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ",
},
}
```
@@ -161,7 +153,7 @@ See [flask_demo.py](examples/flask_demo.py) for embedding the error pages into t
"more_information": {
"hidden": false,
"text": "cloudflare.com",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ",
"link": "https://www.cloudflare.com/",
},
// Configuration for the Browser/Cloudflare/Host status
@@ -176,7 +168,7 @@ See [flask_demo.py](examples/flask_demo.py) for embedding the error pages into t
"status": "error",
"location": "Cloud",
"name": "Cloudflare",
"status_text": "Not Working",
"status_text": "Error",
"status_text_color": "#bd2426",
},
"host_status": {
@@ -197,7 +189,7 @@ See [flask_demo.py](examples/flask_demo.py) for embedding the error pages into t
// Configuration for 'Performance & security by ...' in the footer
"perf_sec_by": {
"text": "Cloudflare",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ",
"link": "https://www.cloudflare.com/",
},
}
```

4
cloudflare_error_page/templates/error.html
View File

@@ -58,7 +58,7 @@
{% elif status == 'error' %}
{% set text_color = '#bd2426' %}{# text-red-error #}
{% endif %}
{% set status_text = item.status_text or ('Working' if status == 'ok' else 'Not Working') %}
{% set status_text = item.status_text or ('Working' if status == 'ok' else 'Error') %}
<div id="cf-{{item_id}}-status" class="{{'cf-error-source' if params.error_source == item_id else ''}} relative w-1/3 md:w-full py-15 md:p-0 md:py-8 md:text-left md:border-solid md:border-0 md:border-b md:border-gray-400 overflow-hidden float-left md:float-none text-center">
<div class="relative mb-10 md:m-0">
<span class="cf-icon-{{icon}} block md:hidden h-20 bg-center bg-no-repeat"></span>
@@ -88,7 +88,7 @@
<div class="cf-error-footer cf-wrapper w-240 lg:w-full py-10 sm:py-4 sm:px-8 mx-auto text-center sm:text-left border-solid border-0 border-t border-gray-300">
<p class="text-13">
<span class="cf-footer-item sm:block sm:mb-1">Cloudflare Ray ID: <strong class="font-semibold">{{ params.ray_id }}</strong></span>
<span class="cf-footer-item sm:block sm:mb-1">Ray ID: <strong class="font-semibold">{{ params.ray_id }}</strong></span>
<span class="cf-footer-separator sm:hidden">&bull;</span>
<span id="cf-footer-item-ip" class="cf-footer-item hidden sm:block sm:mb-1">
Your IP:

22
editor/resources/index.html
View File

@@ -19,7 +19,7 @@
<meta property="og:title" content="Cloudflare error page editor" />
<meta property="og:url" content="https://virt.moe/cloudflare-error-page/editor/" />
<meta property="og:description" content="Online editor to create customized Cloudflare-styled error pages" />
<meta property="twitter:card" content="summary" />
<meta property="twitter:site" content="moe::virt" />
<meta property="twitter:title" content="Cloudflare error page editor" />
@@ -58,12 +58,10 @@
let initialConfig = {
"title": "Internal server error",
"error_code": 500,
"more_information": {
"hidden": false,
"text": "cloudflare.com",
},
"browser_status": {
"status": "ok",
"location": "You",
@@ -74,11 +72,11 @@
"status": "error",
"location": "San Francisco",
"name": "Cloudflare",
"status_text": "Not Working"
"status_text": "Error"
},
"host_status": {
"status": "ok",
"location": "The Site",
"location": "Website",
"name": "Host",
"status_text": "Working"
},
@@ -96,10 +94,6 @@
"catastrophic": {
"title": "Catastrophic infrastructure failure",
"error_code": 500,
"more_information": {
"text": "cloudflare.com",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ"
},
"browser_status": {
"status": "error",
"status_text": "Out of Memory"
@@ -117,10 +111,6 @@
"error_source": "cloudflare",
"what_happened": "There is a catastrophic failure.",
"what_can_i_do": "Please try again in a few years.",
"perf_sec_by": {
"text": "Cloudflare",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ"
}
},
"working": {
"title": "Web server is working",
@@ -608,14 +598,14 @@
<div class="form-row">
<label for="browser_location">Location</label>
<div class="control">
<input id="browser_location" class="form-control form-control-sm" placeholder="Browser" />
<input id="browser_location" class="form-control form-control-sm" placeholder="You" />
</div>
</div>
<div class="form-row">
<label for="browser_name">Name</label>
<div class="control">
<input id="browser_name" class="form-control form-control-sm" placeholder="You" />
<input id="browser_name" class="form-control form-control-sm" placeholder="Browser" />
</div>
</div>
@@ -693,7 +683,7 @@
<div class="form-row">
<label for="host_location">Location</label>
<div class="control">
<input id="host_location" class="form-control form-control-sm" placeholder="The site" />
<input id="host_location" class="form-control form-control-sm" placeholder="Website" />
</div>
</div>

6
editor/resources/template.ejs
View File

@@ -53,7 +53,7 @@ let html_title_output = params.html_title || (error_code + ': ' + title);
default_name = 'Cloudflare';
} else {
icon = 'server';
default_location = 'example.com';
default_location = 'Website';
default_name = 'Host';
}
@@ -68,7 +68,7 @@ let html_title_output = params.html_title || (error_code + ': ' + title);
text_color = '#bd2426'; // text-red-error
}
status_text = item.status_text || (status === 'ok' ? 'Working' : 'Not Working');
status_text = item.status_text || (status === 'ok' ? 'Working' : 'Error');
%>
<div id="cf-<%= item_id %>-status" class="<% if (params.error_source === item_id) { %>cf-error-source<% } %> relative w-1/3 md:w-full py-15 md:p-0 md:py-8 md:text-left md:border-solid md:border-0 md:border-b md:border-gray-400 overflow-hidden float-left md:float-none text-center">
<div class="relative mb-10 md:m-0">
@@ -99,7 +99,7 @@ let html_title_output = params.html_title || (error_code + ': ' + title);
<div class="cf-error-footer cf-wrapper w-240 lg:w-full py-10 sm:py-4 sm:px-8 mx-auto text-center sm:text-left border-solid border-0 border-t border-gray-300">
<p class="text-13">
<span class="cf-footer-item sm:block sm:mb-1">Cloudflare Ray ID: <strong class="font-semibold"><%= params.ray_id %></strong></span>
<span class="cf-footer-item sm:block sm:mb-1">Ray ID: <strong class="font-semibold"><%= params.ray_id %></strong></span>
<span class="cf-footer-separator sm:hidden">&bull;</span>
<span id="cf-footer-item-ip" class="cf-footer-item hidden sm:block sm:mb-1">
Your IP:

8
examples/catastrophic.json
View File

@@ -1,9 +1,5 @@
{
"title": "Catastrophic infrastructure failure",
"more_information": {
"text": "cloudflare.com",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ"
},
"browser_status": {
"status": "error",
"status_text": "Out of Memory"
@@ -21,8 +17,4 @@
"error_source": "cloudflare",
"what_happened": "<p>There is a catastrophic failure.</p>",
"what_can_i_do": "<p>Please try again in a few years.</p>",
"perf_sec_by": {
"text": "Cloudflare",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ"
}
}

12
examples/default.json
View File

@@ -1,18 +1,12 @@
{
"html_title": "500: Internal server error",
"title": "Internal server error",
"error_code": 500,
"more_information": {
"hidden": false,
"text": "cloudflare.com",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ"
},
"browser_status": {
"status": "ok"
},
"cloudflare_status": {
"status": "error",
"status_text": "Not Working"
"status_text": "Error"
},
"host_status": {
"status": "ok",
@@ -21,8 +15,4 @@
"error_source": "cloudflare",
"what_happened": "<p>There is an internal server error on Cloudflare\"s network.</p>",
"what_can_i_do": "<p>Please try again in a few minutes.</p>",
"perf_sec_by": {
"text": "Cloudflare",
"link": "https://youtube.com/watch?v=dQw4w9WgXcQ"
}
}