monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2026-01-05 06:54:36 +08:00
Code Issues Projects Releases Packages Wiki Activity

updated 404

Browse source
This commit is contained in:
Miodec 2023-01-18 01:29:36 +01:00
parent 575ee662d4
commit 77b11e0fda
2 changed files with 40 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
frontend/src/styles/404.scss
View file

@ -4,25 +4,44 @@
height: 100%;
align-content: center;
.content {
justify-items: center;
display: grid;
gap: 2rem;
width: min-content;
text-align: center;
grid-auto-flow: column;
gap: 4rem;
grid-template-columns: 300px 300px;
.image {
width: 300px;
width: 100%;
align-self: center;
background-image: url("./../images/monkeymeme.jpg");
aspect-ratio: 1210/800;
aspect-ratio: 300/199;
background-size: contain;
border-radius: var(--roundness);
}
.big {
font-size: 10rem;
line-height: 10rem;
color: var(--sub-color);
.title {
font-size: 5rem;
line-height: 4rem;
/* margin: -3rem; */
color: var(--main-color);
align-self: center;
}
.button {
padding: 1rem 2rem;
width: max-content;
.side {
justify-items: center;
display: grid;
gap: 1rem;
// width: min-content;
text-align: center;
.big {
font-size: 10rem;
line-height: 10rem;
color: var(--sub-color);
}
.button {
padding: 1rem 2rem;
width: max-content;
}
}
}
}

13
frontend/static/html/pages/404.html
View file

@ -1,10 +1,13 @@
<div class="page page404 hidden">
<div class="content">
<div class="image"></div>
<div>Ooops! Looks like you found a page that doesn't exist.</div>
<a href="/" class="button" router-link>
<i class="fas fa-home"></i>
Go Home
</a>
<div class="side">
<div class="title">404</div>
<div>Ooops! Looks like you found a page that doesn't exist.</div>
<a href="/" class="button" router-link>
<i class="fas fa-home"></i>
Go Home
</a>
</div>
</div>
</div>