Jonas_Jones/Website-v1
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/Website-v1.git synced 2025-10-25 19:49:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

404 page

Browse source
This commit is contained in:
Jonas_Jones 2023-01-16 01:11:51 +01:00
parent 488ee557f6
commit 0515545d70
4 changed files with 84 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

0
.src/assets/404.gif → .src/assets/misc/404.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

Before After
Before After

BIN
.src/assets/misc/404.png Executable file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 171 KiB

0
.src/assets/loading.gif → .src/assets/misc/loading.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 181 KiB

After

Width:  |  Height:  |  Size: 181 KiB

Before After
Before After

84
404.html
View file

@ -0,0 +1,84 @@
<link id="style-main" rel="stylesheet" href="/.src/css/light/main.css">
<html>
<body>
<div style="position: absolute;top: 0;left: 20px;text-align: left">
<h2>Looks like you're lost</h2>
<a id="back_button">Go back to previous site</a>
<h3>Quick Access</h3>
<a href="/">Home</a>
<br>
<a href="/projects/">Projects</a>
<br>
<a href="/downloads/">Downloads</a>
<br>
<a href="/news/">News</a>
<h3>Links</h3>
<a href="https://youtube.com/c/JonasJonesJonasJones/">YouTube</a>
<br>
<a href="https://github.com/J-onasJones/">GitHub</a>
<br>
<a href="https://discord.gg/V2EsuUVmWh/">Discord</a>
<br>
<a href="https://twitter.com/Jonas_Jones_/">Twitter</a>
<br>
<a href="https://www.reddit.com/user/Jonas_Jones_">Reddit</a>
<br>
<a href="https://www.instagram.com/_jonas_jones_/">Instagram</a>
</div>
<div>
<h1>404</h1>
<div id="hoverer">
<div class="gif"></div>
<a id="hoveree" style="display:none;color: black;" href="https://www.reddit.com/r/LoadingIcons/comments/lsx9tn/i_was_told_to_post_this_gif_here_a_little/">https://www.reddit.com/r/LoadingIcons/comments/lsx9tn/i_was_told_to_post_this_gif_here_a_little/</a>
</div>
</div>
</body>
<style>
body {
background-image: url("/.src/assets/misc/404.png");
background-position: top left;
background-size: 100%;
background-repeat: no-repeat;
margin: 0;
}
h1 {
font-size: 150px;
}
div {
text-align: center;
margin: 0 auto;
}
a {
color: black;
text-decoration: none;
}
.gif {
background-image: url('/.src/assets/misc/404.gif');
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
width: 30vw;
height: 30vh;
}
input {
color: black;
background-color: none;
border: none;
cursor: pointer;
}
#back_button {
cursor: pointer;
}
</style>
<script>
document.getElementById('hoverer').onmouseover = function(){
document.getElementById('hoveree').style.display = "block";
}
document.getElementById('hoverer').onmouseout = function(){
document.getElementById('hoveree').style.display = "none";
}
document.getElementById('back_button').onclick= function(){
history.go(-1);}
</script>
</html>