added custom 404 page

This commit is contained in:
janis
2022-11-29 20:51:16 +01:00
parent a69308ba7c
commit 09c1fde129
4 changed files with 59 additions and 9 deletions

45
404.html Normal file
View File

@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title>404 - Page not Found - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/js/jquery.js"></script>
<script src="/js/basicanimations.js"></script>
<link rel="stylesheet" href="/css/mainstyle.css">
<style>
.errorpage {
text-align: center;
width: 100%;
}
.box {
text-align: center;
width: 50%;
margin: 25%;
margin-top: 10%;
margin-bottom: 0%;
}
.Bigtext {
font-size: 400%;
}
.smalltext {
font-size: 150%;
}
</style>
</head>
<body>
<div class="navbars">
<div id="ContentToInclude"></div>
</div>
<div class="errorpage">
<div class="box">
<h2 class="Bigtext">The page you are looking for was not found</h2>
<p class="smalltext">The page you are looking for does not exist. It may have been moved, or removed altogether. Perhaps you can return back to the site's homepage and see if you can find what you are looking for.</p>
<br><br><br>
<a href="/" class="linkbutton">Go back</a>
</div>
</div>
</body>
</html>

View File

@@ -1,5 +1,6 @@
body { body {
background-color: rgba(70, 72, 167, 0.5); background-color: rgba(70, 72, 167, 0.5);
font-family: Arial, Helvetica, sans-serif;
} }
.bigquote { .bigquote {
@@ -53,3 +54,7 @@ h1 {
.linkbutton:hover { .linkbutton:hover {
background-color: darkblue; background-color: darkblue;
} }
.references {
color: gray;
}

View File

@@ -13,6 +13,7 @@
<div id="ContentToInclude"></div> <div id="ContentToInclude"></div>
<div class="mainstyle"> <div class="mainstyle">
<h1>Welcome to janishutz.com!</h1> <h1>Welcome to janishutz.com!</h1>
<p>iOS Apps, PC apps, Websites</p>
<p>Learn more about my projects!</p> <p>Learn more about my projects!</p>
<a class="linkbutton" href="./projects.html">Projects</a> <a class="linkbutton" href="./projects.html">Projects</a>

View File

@@ -13,21 +13,20 @@
<div class="mainstyle"> <div class="mainstyle">
<h1>StorageManager</h1> <h1>StorageManager</h1>
<h3 class="bigquote"><b class="biggerquote">MANAGE</b> <br> your storage <br> with Ease. </h3> <h3 class="bigquote"><b class="biggerquote">MANAGE</b> <br> your storage <br> with Ease. </h3>
<p>Add items simply by <b class="biggerquote">SCANNING</b> them with your phone and adding important infos to it. The app will remember all the products you have scanned before and auto fill the info to save your time.</p> <p>Add items by simply <b class="biggerquote">SCANNING</b> them with your phone and adding important infos to it. The app will remember all the products you have scanned before and auto fills the info to save your time.</p>
<p>Get notified when a product is about to expire.</p> <p>Get notified when a product is about to expire.</p>
<p>Remove products by simply swiping left or by scanning them with your phone</p> <p>Remove products by simply swiping left or by scanning them with your phone</p>
<p>Sync the data between all your Apple Devices <sup>1</sup>.</p> <p>Sync the data between all your Apple Devices <sup>1</sup>.</p>
<p>Import and export the data<sup>2</sup> so you can share it between multiple AppleIDs and even a PC app</p> <p>Import and export the data<sup>2</sup> so you can share it between multiple AppleIDs and even a PC app<sup>3</sup></p>
<p>Sync data between multiple AppleIDs without the need to export the data and import it again on the other device<sup>4</sup></p> <p>Sync data between multiple AppleIDs without the need of exporting the data and importing it again on the other device<sup>4</sup></p>
<br><br><br> <br><br><br>
<p>Still under construction</p> <p>Still under construction</p>
</div>
<div class="references"> <div class="references">
<sup>1</sup> iCloud is required in order for this feature to work. You may enable it in the system settings. <sup>1</sup> iCloud is required in order for this feature to work. You may enable it in the system settings. <br>
<sup>2</sup> Part of an In-App-Purchase. <sup>2</sup> Part of an In-App-Purchase. <br>
<sup>3</sup> Part of an In-App-Purchase coming at a later point. <sup>3</sup> Part of an In-App-Purchase coming at a later point. <br>
<sup>4</sup> Coming in a Software update at a later point and requires a subscription. <sup>4</sup> Coming in a Software update at a later point and requires a subscription. <br>
</div>
</div> </div>
<div id="Footer"></div> <div id="Footer"></div>