Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

404 Page Components #84

Closed
3 tasks done
arcticicestudio opened this issue Dec 18, 2018 · 0 comments
Closed
3 tasks done

404 Page Components #84

arcticicestudio opened this issue Dec 18, 2018 · 0 comments

Comments

@arcticicestudio
Copy link
Contributor

arcticicestudio commented Dec 18, 2018

Associated epics: #63

This issue documents the implementation of 404 page and illustration component to handle requested but non-existing routes and resources. It'll align with Nord Docs brand and can use a humorous image and tagline that conveys the purpose of the screen, without appearing actionable.

See the great Gatsby documentation about 404 pages for more details.

Structure

The component will consist of three parts: an vector illustration, the headline and the corresponding subline.

Vector Illustration

The illustration will be the main element of the page component. It will present the exception/error case with a friendly visualization.

Text Content

The headline and subline will inform the user about the purpose of the illustration and the reason why it is currently shown and can include helpful instructions on how to continue.

Tasks

  • Implement the vector illustration and styled components.
  • Implement the ErrorState404 component.
  • Implement the 404 page component.
@arcticicestudio arcticicestudio added this to the 0.3.0 milestone Dec 18, 2018
@arcticicestudio arcticicestudio self-assigned this Dec 18, 2018
arcticicestudio added a commit that referenced this issue Dec 18, 2018
This commit implements the styled components for the main error state
404 component.

> Vector Illustration

The `Illustration` component is the main element of the page component
and presents the exception/error case with a friendly visualization.

GH-84
arcticicestudio added a commit that referenced this issue Dec 18, 2018
This commit implements the main 404 (1) page component to handle
requested but non-existing routes and resources. Iz aligns with
Nord Docs brand and can use a humorous illustration and tagline that
conveys the purpose of the screen, without appearing actionable.

See the great Gatsby documentation about 404 pages (2) for more details.

> Structure

The component consists of three parts: an vector illustration, the
headline and the corresponding subline.

> Vector Illustration

The illustration is the main element of the page component. It presents
the exception/error case with a friendly visualization.

> Text Content

The headline and subline inform the user about the purpose of the
illustration and the reason why it is currently shown and can include
helpful instructions on how to continue.

References:
  (1) https://en.wikipedia.org/wiki/HTTP_404
  (2) https://www.gatsbyjs.org/docs/add-404-page

Associated epics: GH-63
GH-84
arcticicestudio added a commit that referenced this issue Dec 18, 2018
This commit implements the 404 (1) page component that renders the error
state 404 molecule component.

References:
  (1) https://en.wikipedia.org/wiki/HTTP_404
  (2) https://www.gatsbyjs.org/docs/add-404-page

GH-84
arcticicestudio added a commit that referenced this issue Dec 18, 2018
@arcticicestudio arcticicestudio removed their assignment Dec 18, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant