Guusvanmeerveld
/
First-Website
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

29-10 #5

Browse Source
add-license-1
Guuq 5 years ago
parent 705b073c6b
commit 246b23145b
3 changed files with 55 additions and 8 deletions
Show Stats Download Patch File Download Diff File

14
404.html
Unescape View File

@ -14,9 +14,17 @@
</head> </head>
<body> <body>
<div class="box" style="margin-top:5rem;margin-left:2%;"> <div class="box" id="errorBox">
<h1 align="center">Error: 404</h1> <div id="error">
<h1 align="center">Something went wrong, try a different link/address</h1> <img src="/resources/img/error.png" alt="" id="errorImg">
<h1 align="center" id="errorText">Error: 404 <br>You are trying to acces a page that doesn't exist</h1>
<p onclick="goBack()" align="center">Click here to go back</p>
<script>
function goBack() {
window.history.back();
}
</script>
</div>
</div> </div>
<script src="/resources/js/navbar.json.js"></script> <script src="/resources/js/navbar.json.js"></script>

47
resources/css/404.css
Unescape View File

@ -1,5 +1,44 @@
div { @media screen and (min-width:0px) and (max-width:960px) {
height: 90%; #errorText {
width: 96%; font-size: 30px;
padding: 2%; }
#errorImg {
width: 10rem!important;
height: 10rem!important;
margin-left: calc(50% - 5rem)!important;
}
#errorBox {
margin: 5rem 0 0 1rem!important;
width: 90%!important;
height: 84vh!important;
}
}
#errorBox {
margin: 6rem 0 0 1rem;
height: 87vh;
width: 98%;
padding: 2rem;
}
#error {
background-color: #363840;
border: #363840 1px solid;
border-radius: .5rem;
height: 99%;
width: 100%;
}
#errorImg {
height: 25rem;
width: 25rem;
margin-top: 3rem;
left: 50%;
margin-left: calc(50% - 12.5rem);
}
#errorText {
margin: 3rem 0 0 0;
}
p {
margin-top: 4rem!important;
cursor: pointer;
font-size: 20px;
text-decoration: underline;
} }

BIN
resources/img/error.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB