From Harmless Hedgehog, 4 Years ago, written in HTML5.
Embed
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="robots" content="noindex,nofollow" />
  6.     <style>            body { background-color: #F9F9F9; color: #222; font: 14px/1.4 Helvetica, Arial, sans-serif; margin: 0; padding-bottom: 45px; }
  7.  
  8.         a { cursor: pointer; text-decoration: none; }
  9.         a:hover { text-decoration: underline; }
  10.         abbr[title] { border-bottom: none; cursor: help; text-decoration: none; }
  11.  
  12.         code, pre { font: 13px/1.5 Consolas, Monaco, Menlo, "Ubuntu Mono", "Liberation Mono", monospace; }
  13.  
  14.         table, tr, th, td { background: #FFF; border-collapse: collapse; vertical-align: top; }
  15.         table { background: #FFF; border: 1px solid #E0E0E0; box-shadow: 0px 0px 1px rgba(128, 128, 128, .2); margin: 1em 0; width: 100%; }
  16.         table th, table td { border: solid #E0E0E0; border-width: 1px 0; padding: 8px 10px; }
  17.         table th { background-color: #E0E0E0; font-weight: bold; text-align: left; }
  18.  
  19.         .hidden-xs-down { display: none; }
  20.         .block { display: block; }
  21.         .break-long-words { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
  22.         .text-muted { color: #999; }
  23.  
  24.         .container { max-width: 1024px; margin: 0 auto; padding: 0 15px; }
  25.         .container::after { content: ""; display: table; clear: both; }
  26.  
  27.         .exception-summary { background: #863836; border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, .3); flex: 0 0 auto; margin-bottom: 30px; }
  28.  
  29.         .exception-message-wrapper { display: flex; align-items: center; min-height: 70px; }
  30.         .exception-message { flex-grow: 1; padding: 30px 0; }
  31.         .exception-message, .exception-message a { color: #FFF; font-size: 21px; font-weight: 400; margin: 0; }
  32.         .exception-message.long { font-size: 18px; }
  33.         .exception-message a { border-bottom: 1px solid rgba(255, 255, 255, 0.5); font-size: inherit; text-decoration: none; }
  34.         .exception-message a:hover { border-bottom-color: #ffffff; }
  35.  
  36.         .exception-illustration { flex-basis: 64px; flex-shrink: 0; height: 66px; margin-left: 15px; opacity: .7; }
  37.  
  38.         .trace + .trace { margin-top: 30px; }
  39.         .trace-head .trace-class { color: #222; font-size: 18px; font-weight: bold; line-height: 1.3; margin: 0; position: relative; }
  40.  
  41.         .trace-message { font-size: 14px; font-weight: normal; margin: .5em 0 0; }
  42.  
  43.         .trace-file-path, .trace-file-path a { color: #222; margin-top: 3px; font-size: 13px; }
  44.         .trace-class { color: #B0413E; }
  45.         .trace-type { padding: 0 2px; }
  46.         .trace-method { color: #B0413E; font-weight: bold; }
  47.         .trace-arguments { color: #777; font-weight: normal; padding-left: 2px; }
  48.  
  49.         hr.separator { border: 0; margin: 1.8em 0; height: 1px; background: #333 linear-gradient(to right, #ccc, #333, #ccc); }
  50.  
  51.         @media (min-width: 575px) {
  52.             .hidden-xs-down { display: initial; }
  53.         }</style>
  54. </head>
  55. <body>
  56. <div class="exception-summary">
  57.     <div class="container">
  58.         <div class="exception-message-wrapper">
  59.             <h1 class="break-long-words exception-message">    Whoops, looks like something went wrong. Check your librenms.log.
  60. </h1>
  61.             <div class="exception-illustration hidden-xs-down">
  62.                 &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"&gt;<path d="M35.758 22.094l6.148 6.148-2.42 2.459-6.147-6.148zm11.245-11.226l6.149 6.148-2.44 2.46-6.148-6.148zm-.396 22.094l6.188 6.148-2.44 2.46-6.346-6.149zm11.245-11.225L64 27.885l-2.42 2.459-6.148-6.148zm-24.335-4.562l6.188-6.148 2.44 2.44-6.149 6.148zm10.868 10.868l6.149-6.148 2.459 2.42-6.148 6.148zm10.849 10.869l6.148-6.188 2.46 2.44-6.347 6.147zM22.272 28.46l6.148-6.148 2.46 2.42-6.149 6.147zm10.849 10.848l6.187-6.148 2.42 2.42-6.148 6.148zm10.868 10.869l6.148-6.188 2.46 2.44-6.189 6.346z" fill="#fff"></path><path d="M13.288 44.544l6.188 6.148-2.42 2.46-6.188-6.188zM24.533 33.32l6.148 6.148-2.42 2.44-6.148-6.149zm-.337 22.093l6.148 6.149L27.904 64l-6.148-6.148zM35.4 44.187l6.148 6.148-2.42 2.44-6.147-6.148zM2.44 33.676l6.149 6.148-2.44 2.42L0 36.095zM13.685 22.45l6.148 6.148-2.44 2.44-6.148-6.149zM24.89 11.225l6.148 6.148-2.38 2.46-6.148-6.148zM36.095 0l6.188 6.148-2.44 2.44-6.346-6.149zM22.67 6.346L28.817.198l2.44 2.42-6.149 6.148zM11.424 17.592l6.148-6.149 2.459 2.44-6.148 6.148zM.198 28.837l6.148-6.148 2.44 2.38-6.148 6.187zm10.829 10.828l6.148-6.148 2.46 2.44-6.149 6.148zm10.868 10.869l6.148-6.149 2.44 2.42-6.148 6.148zm10.829 10.868l6.188-6.148 2.44 2.38-6.149 6.188z" fill="#db202e"></path>&lt;/svg&gt;
  63.             </div>
  64.         </div>
  65.     </div>
  66. </div>
  67.  
  68. <div class="container">
  69.        
  70.  
  71.     <hr class="separator">
  72.     <p>Check your log for more details. (librenms.log)</p>
  73.  
  74.     <p>If you need additional help, you can find how to get help at <a href="https://docs.librenms.org/Support">https://docs.librenms.org/Support</a>.</p>
  75. </div>
  76. &lt;/body&gt;
  77. &lt;/html&gt;