Skip to content

Instantly share code, notes, and snippets.

@krisrice

krisrice/404.html

Created May 24, 2024 17:28
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save krisrice/8b99662d928b2fea0e3b2071f6461b2e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save krisrice/8b99662d928b2fea0e3b2071f6461b2e to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. krisrice created this gist May 24, 2024.
    134 changes: 134 additions & 0 deletions 404.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,134 @@
    <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>