updated to support caddy custom error pages

2021-11-25 15:02:50 -05:00 · 2021-11-25 15:02:50 -05:00 · 8d5557880d
commit 8d5557880d
parent 77c68ef599
17 changed files with 41 additions and 19 deletions
--- a/src/4xx.html
+++ b/src/4xx.html
@ -2,21 +2,21 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8">
-    <title>40x Error!</title>
+    <title>@@errcode@@ Error!</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description" content="You tried to get something that’s not there!">
-    <meta name="author" content="Oh no! 404!">
+    <meta name="author" content="Oh no! @@errcode@@!">
  </head>
-  <body class="h-screen w-screen bg-cover bg-center   grid grid-cols-1 place-content-center" style="background-image: url(/err_images/content/404_rainbow.jpg);">
+  <body class="bg-cover bg-center grid grid-cols-1 place-content-center" style="background-image: url(/err_images/content/4xx_rainbow.jpg);">

    <div class="grid justify-items-center text-gray-900">

-      <img src="/err_images/content/404_unicorn.png" class="unicorn" alt="UNICORN">
+      <img src="/err_images/content/4xx_unicorn.png" class="unicorn" alt="UNICORN">

-      <h1 class="text-5xl leading-normal">Oh no! 403/404!</h1>
+      <h1 class="text-5xl leading-normal text-center">Oh no! <a class="hover:underline hover:text-gray-800 font-bold" href="https://httpstatuses.com/@@errcode@@">@@errcode@@, @@errtext@@</a></h1>

-      <p class="text-info font-serif leading-loose">You tried to get something you can't get!</p>
+      <p class="text-info font-serif leading-loose">You tried to get something that can't be got!</p>

      <p class="icon-link mt-0 sm:mt-2 md:mt-6">
        <a class="text-5xl hover:text-gray-800 filter hover:drop-shadow-md" title="Home" href="https://73k.us/" target="_blank">
--- a/src/5xx.html
+++ b/src/5xx.html
@ -2,19 +2,19 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8">
-    <title>40x Error!</title>
+    <title>@@errcode@@ Error!</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description" content="You tried to get something that’s not there!">
-    <meta name="author" content="Oh no! 404!">
+    <meta name="author" content="Kzzt! @@errcode@@!">
  </head>
-  <body class="h-screen w-screen bg-cover bg-center   grid grid-cols-1 place-content-center" style="background-image: url(/err_images/content/50x_rainbow.jpg);">
+  <body class="bg-cover bg-center grid grid-cols-1 place-content-center" style="background-image: url(/err_images/content/5xx_rainbow.jpg);">

    <div class="grid justify-items-center text-gray-900">

-      <img src="/err_images/content/50x_unicorn.png" class="unicorn" alt="UNICORN">
+      <img src="/err_images/content/5xx_unicorn.png" class="unicorn" alt="UNICORN">

-      <h1 class="text-5xl leading-normal">K̷z̴z̶t̸.̶ ̷5̷0̵x̷ ̷E̷r̷r̶o̸r̸!̶</h1>
+      <h1 class="text-5xl leading-normal text-center">K̸z̴z̷t̵!̷ &mdash; <a class="hover:underline hover:text-gray-800 font-bold" href="https://httpstatuses.com/@@errcode@@">@@errcode@@, {{placeholder "http.error.status_text"}}</a></h1>

      <p class="text-info font-serif leading-loose">Something went wrong. Try going home&hellip;</p>

--- a/src/err_images/content/4xx_rainbow.jpg
+++ b/src/err_images/content/4xx_rainbow.jpg
--- a/src/err_images/content/4xx_unicorn.png
+++ b/src/err_images/content/4xx_unicorn.png
--- a/src/err_images/content/5xx_rainbow.jpg
+++ b/src/err_images/content/5xx_rainbow.jpg
--- a/src/err_images/content/5xx_unicorn.png
+++ b/src/err_images/content/5xx_unicorn.png