diff --git a/docs/400.html b/docs/400.html new file mode 100644 index 0000000..68af45b --- /dev/null +++ b/docs/400.html @@ -0,0 +1,45 @@ + + + + + 400 – Bad Request + + + + + +
+
+ + + +
+
+
+

+ 400 +

+
+ Bad Request +
+
+ Your browser sent a request that the server was unable + to process. +
+
+ Nginx at example.com +
+
+
+
+ + diff --git a/docs/404.html b/docs/404.html new file mode 100644 index 0000000..028ecd1 --- /dev/null +++ b/docs/404.html @@ -0,0 +1,48 @@ + + + + + 404 – Not Found + + + + + +
+
+ + + +
+
+
+

+ 404 +

+
+ Not Found +
+
+ The page you were looking for may have been deleted or + moved. +
+
+ Back to home +
+
+ Nginx at example.com +
+
+
+
+ + diff --git a/docs/500.html b/docs/500.html new file mode 100644 index 0000000..3612d51 --- /dev/null +++ b/docs/500.html @@ -0,0 +1,45 @@ + + + + + 500 – Internal Server Error + + + + + +
+
+ + + +
+
+
+

+ 500 +

+
+ Internal Server Error +
+
+ The server encountered an error and could not complete + your request. Please try again later. +
+
+ Nginx at example.com +
+
+
+
+ + diff --git a/docs/custom-error-page.css b/docs/custom-error-page.css new file mode 100644 index 0000000..79d8984 --- /dev/null +++ b/docs/custom-error-page.css @@ -0,0 +1,184 @@ +/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ +html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} + +@font-face { + font-family: "Inter var"; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: "Regular"; + src: url("./inter-roman-var.woff2?v=3.19") format("woff2"); +} + +html { + font-family: "Inter var", sans-serif; +} +.container { + min-height: 100vh; + background-color: white; + display: flex; +} +@media (max-width: 1023px) { + .container { + display: block; + } +} +.left, +.right { + width: 50%; +} +@media (max-width: 1023px) { + .left, + .right { + width: 100%; + } +} +.left { + background-color: #f44336; + display: flex; + justify-content: center; + align-items: center; +} +@media (max-width: 1023px) { + .left svg { + min-height: 200px; + } +} +.left svg { + width: 300px; + height: auto; + opacity: 0.3; + margin-right: 40px; + margin-left: 40px; +} +@media (max-width: 1023px) { + .left svg { + width: 100px; + } +} +.right { + display: flex; + justify-content: center; + align-items: center; +} +.text-container { + width: 500px; + margin-right: 40px; + margin-left: 40px; + margin-top: 40px; + margin-bottom: 40px; +} +.text-container *:last-child { + margin-bottom: 0; +} +.code { + font-size: 75px; + margin-bottom: 40px; + font-weight: 700; + line-height: 1.3; +} + +/* https://seek-oss.github.io/capsize/ */ + +.code::before { + content: ""; + margin-bottom: -0.2597em; + display: table; +} + +.code::after { + content: ""; + margin-top: -0.287em; + display: table; +} + +@media (max-width: 1300px) { + .code { + font-size: 75px; + } +} +@media (max-width: 1023px) { + .code { + font-size: 50px; + } +} +.status { + font-size: 38px; + margin-bottom: 40px; + font-weight: 500; + line-height: 1.3; +} + +.status::before { + content: ""; + margin-bottom: -0.2758em; + display: table; +} + +.status::after { + content: ""; + margin-top: -0.3031em; + display: table; +} + +@media (max-width: 1023px) { + .status { + font-size: 25px; + } +} + +.description { + font-size: 18px; + line-height: 1.5; + margin-bottom: 40px; +} + +/* https://seek-oss.github.io/capsize/ */ + +.description::before { + content: ""; + margin-bottom: -0.3752em; + display: table; +} + +.description::after { + content: ""; + margin-top: -0.4026em; + display: table; +} + +.footer { + font-size: 16px; + margin-bottom: 40px; + opacity: 0.5; +} + +/* https://seek-oss.github.io/capsize/ */ + +.footer::before { + content: ""; + margin-bottom: -0.3613em; + display: table; +} + +.footer::after { + content: ""; + margin-top: -0.3887em; + display: table; +} +.button-container { + margin-bottom: 40px; +} +.button { + all: unset; + display: inline-block; + background-color: #f44336; + color: white; + font-weight: 500; + border-radius: 3px; + padding-top: 12px; + padding-bottom: 12px; + padding-left: 15px; + padding-right: 15px; + cursor: pointer; +} diff --git a/docs/inter-roman-var.woff2 b/docs/inter-roman-var.woff2 new file mode 100644 index 0000000..6a256a0 Binary files /dev/null and b/docs/inter-roman-var.woff2 differ