Skip to content

Commit

Permalink
Setup 404 page
Browse files Browse the repository at this point in the history
  • Loading branch information
MinThaMie committed Jul 24, 2024
1 parent 602983a commit 85ca320
Show file tree
Hide file tree
Showing 3 changed files with 39 additions and 0 deletions.
30 changes: 30 additions & 0 deletions app/styles/app.scss
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,36 @@ table {
padding: 2rem;
}

// 404 styling
.whoops {
display: flex;
justify-content: center;
align-items: center;
padding: var(--spacing-6)
}

.whoops img {
width: 240px;
margin: var(--spacing-2);
}

@media (max-width: 450px) {
.whoops {
flex-direction: column;
padding: var(--spacing-3);
}

.whoops img {
width: 80%;
margin: var(--spacing-4);
}

.whoops__message {
margin: var(--spacing-2);
text-align: center;
}
}

// override ember-styleguide. Needed to contain code blocks.
.main {
grid-area: main;
Expand Down
9 changes: 9 additions & 0 deletions app/templates/error.hbs
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{{page-title "Page Not Found"}}

<article class="whoops">
<img src="/images/stinky-fish.png" alt="tomster stinky fish"/>
<div class="whoops__message">
<h2>Ack! 404 friend, you're in the wrong place</h2>
<LinkTo @route='index'>Click here to go home</LinkTo>
</div>
</article>
Binary file added public/images/stinky-fish.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 85ca320

Please sign in to comment.