From c2c8ccf7b3124d6adaa3985f1ccf619cea308159 Mon Sep 17 00:00:00 2001 From: Sebastian Beltran Date: Mon, 6 Jan 2025 10:45:51 -0500 Subject: [PATCH] add 404 page (#1690) * add 404 page * apply suggestions from code review --- 404.md | 12 ++++++++++++ _layouts/404.html | 18 ++++++++++++++++++ css/style.css | 13 +++++++++++++ 3 files changed, 43 insertions(+) create mode 100644 404.md create mode 100644 _layouts/404.html diff --git a/404.md b/404.md new file mode 100644 index 00000000..5bae9ef3 --- /dev/null +++ b/404.md @@ -0,0 +1,12 @@ +--- +layout: 404 +title: Page not found +description: We couldn’t find the page you’re looking for. +lang: en +--- + +# {{ page.title }} + +We couldn’t find the page you’re looking for. Check the address or [head back home](/). + +If this is a mistake, [let us know](https://github.com/expressjs/expressjs.com/issues/new/), and we will try to fix it! \ No newline at end of file diff --git a/_layouts/404.html b/_layouts/404.html new file mode 100644 index 00000000..338facdd --- /dev/null +++ b/_layouts/404.html @@ -0,0 +1,18 @@ + + + + {% include head.html %} + + {% if page.lang == 'en' %} + + {% else %} + + {% endif %} + {% include header/header-{{ page.lang }}.html %} +
+
+ {{ content }} +
+ {% include footer/footer-{{ page.lang }}.html %} + + \ No newline at end of file diff --git a/css/style.css b/css/style.css index cdc9ef4a..71745ca8 100644 --- a/css/style.css +++ b/css/style.css @@ -872,6 +872,19 @@ h2 a { border-color: #333; } +.content-404 { + height: 70vh; + padding: 153px 32px 7%; + text-align: center; + display: flex; + justify-content: center; + flex-direction: column; +} + +.content-404 p { + font-size: 16px; +} + /* search-bar desktop re-sizing */ @media all and (min-width: 950px) { .algolia-autocomplete {