Skip to content

Instantly share code, notes, and snippets.

@krisrice

krisrice/404.html

Created May 24, 2024 17:28
Show Gist options
  • Save krisrice/8b99662d928b2fea0e3b2071f6461b2e to your computer and use it in GitHub Desktop.
Save krisrice/8b99662d928b2fea0e3b2071f6461b2e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
404.html
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.1.slim.min.js" integrity="sha256-w8CvhFs7iHNVUtnSP0YKEg00p9Ih13rlL9zGqvLdePA=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeit/8.7.0/index.es.min.js" integrity="sha512-wfiZquj4Ld1EW8zxfGIRD09TcQMUl5A6QwT6zta+4B3VSYoNXCVc7dG7wq4pNcS9yf3A2pSqijULWbjFi8luVQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
@import 'https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.3.0/web/hack.min.css';
body {
background : #bdc3c7 ;
font-family: 'Hack', sans-serif;
font-size : 17px ;
}
.window {
width : 100% ;
margin : 75px auto ;
background : #2c3e50;
border-radius : 5px ;
display : relative ;
box-shadow: 10px 10px 10px #888888;
}
.httpCode{
color: red;
}
.cell{
color: white;
}
.bash {
width : 100% ;
background : #34495e;
border-radius : 5px ;
top: 40px;
display : absolute;
color : #fff ;
}
.buttons {
background:transparent;
width : 25px ;
height : 25px ;
float : right ;
margin : 13px 4px;
border: none ;
}
.controls {
height : 40px ;
top : 0 ;
}
.title {
color : #fff ;
font-weight: bold ;
padding : 10px;
}
</style>
</head>
<body>
<div class="window">
<div class="controls">
<button style="color:#e74c3c;" class="buttons fa-solid fa-database" href="#"></button> <button
style="color:#f1c40f;" class="buttons fa-solid fa-database" href="#"></button>
<button style="color:#2ecc71;" class="buttons fa-solid fa-database" href="#"></button>
<div class="title">HTTP Error</div>
</div>
<div class="bash">
<span id="span">&nbsp;SQL></span>
<span> select * from what_happened;</span>
<br /><br /><br />
<div class="result">
<span id="span2">
<table style="border:1;width: 100%;">
<tr class="divRow">
<td class="cell">ID</td>
<td class="cell">Status Code</td>
<td class="cell">Message</td>
<td class="cell">When</td>
<td class="cell">Where</td>
</tr>
<tr>
<td class="cell">__________</td>
<td class="cell">__________</td>
<td class="cell">_______________________________</td>
<td class="cell">_______________________________</td>
<td class="cell">_______________________________</td>
</tr>
<tr>
<td class="cell">{requestId}</td>
<td class="httpCode ">{statusCode}</td>
<td class="cell">{statusMessage}</td>
<td class="cell">{timeStamp}</td>
<td class="cell" id="where"></td>
</tr>
</table>
</span>
</div>
<br /><br /><br />
<span>&nbsp;SQL> select * from debug;</span>
<br /><br /><br />
<div class="result">
<span id="span2">
<table style="border:1;width: 100%;">
<tr class="divRow">
<td class="cell">DEBUG</td>
</tr>
<tr>
<td class="cell">__________</td>
</tr>
<tr>
<td class="cell">{debug}</td>
</tr>
</table>
</span>
</div>
</div>
<!--
DEBUG == {debug}
LOG== {log}
reasons== {reasons}
redirect == {redirect}
productErrorCode== {productErrorCode}
stackTrace== {stackTrace}
statusCode== {statusCode}
statusMessage== {statusMessage}
unauthorized== {unauthorized} -->
<script>
document.getElementById("where").innerHTML = window.location.href;
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment