Add cat template (#31)

tarampampam · Oct 15, 2021 · e3e618d · e3e618d
1 parent e2489a2
commit e3e618d
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,12 @@ All notable changes to this package will be documented in this file.
 
 The format is based on [Keep a Changelog][keepachangelog] and this project adheres to [Semantic Versioning][semver].
 
+## UNRELEASED
+
+### Added
+
+- Added `cat` error template
+
 ## v2.1.0
 
 ### Added

diff --git a/README.md b/README.md
@@ -64,6 +64,7 @@ Name              | Preview
 `shuffle`         | [![shuffle](https://hsto.org/webt/7w/rk/3m/7wrk3mrzz3y8qfqwovmuvacu-bs.gif)](https://tarampampam.github.io/error-pages/shuffle/404.html)
 `noise`           | [![noise](https://hsto.org/webt/42/oq/8y/42oq8yok_i-arrafjt6hds_7ahy.gif)](https://tarampampam.github.io/error-pages/noise/404.html)
 `hacker-terminal` | [![hacker-terminal](https://hsto.org/webt/5s/l0/p1/5sl0p1_ud_nalzjzsj5slz6dfda.gif)](https://tarampampam.github.io/error-pages/hacker-terminal/404.html)
+`cat` | [![cat](https://http.cat/100)](https://tarampampam.github.io/error-pages/cat/100.html)
 
 > Note: `noise` template highly uses the CPU, be careful
 

diff --git a/error-pages.yml b/error-pages.yml
@@ -10,6 +10,8 @@ templates:
   - path: ./templates/shuffle.html
   - path: ./templates/noise.html
   - path: ./templates/hacker-terminal.html
+  - path: ./templates/cat.html
+    name: cat
 
 pages:
   400:

diff --git a/templates/cat.html b/templates/cat.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<!--
+    Error {{ code }}: {{ message }}
+    Description: {{ description }}
+-->
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="noindex, nofollow" />
+    <title>{{ message }}</title>
+    <style>
+        .image {
+            -webkit-user-select: none;
+            user-select: none;
+            display: block;
+            margin: auto;
+            padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+        }
+
+        .mar0 {
+            margin: 0px;
+        }
+    </style>
+</head>
+
+<body class="mar0">
+    <img class="image" src="https://http.cat/{{code}}">
+</body>
+<!--
+    Error {{ code }}: {{ message }}
+    Description: {{ description }}
+-->
+
+</html>