mirror of
				https://github.com/scinote-eln/scinote-web.git
				synced 2025-10-31 16:49:40 +08:00 
			
		
		
		
	
		
			
				
	
	
		
			81 lines
		
	
	
	
		
			1.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			81 lines
		
	
	
	
		
			1.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html>
 | |
|   <head>
 | |
|     <title>We're sorry, but something went wrong (500)</title>
 | |
|     <meta name="viewport" content="width=device-width,initial-scale=1">
 | |
|     <style>
 | |
|       body {
 | |
|         background-color: #F0F0F6;
 | |
|         color: #2E2F30;
 | |
|         text-align: center;
 | |
|         font-family: arial, sans-serif;
 | |
|         margin: 0;
 | |
|       }
 | |
| 
 | |
|       div.navbar {
 | |
|         background: #FFFFFF;
 | |
|         box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
 | |
|         height: 52px;
 | |
|         left: 0%;
 | |
|         position: absolute;
 | |
|         right: 0%;
 | |
|         top: 0%;
 | |
|       }
 | |
| 
 | |
|       div.navbar img {
 | |
|         width: 121px;
 | |
|         height: 24px;
 | |
|         left: 21px;
 | |
|         position: absolute;
 | |
|         top: calc(50% - 24px/2 - 0px);
 | |
|       }
 | |
| 
 | |
|       div.dialog {
 | |
|         width: 95%;
 | |
|         margin: 4em auto 0;
 | |
|       }
 | |
| 
 | |
|       div.dialog > h1 {
 | |
|         color: #404048;
 | |
|         font-family: Lato;
 | |
|         font-style: normal;
 | |
|         font-weight: bold;
 | |
|         font-size: 1.5em;
 | |
|         line-height: 29px;
 | |
|         margin: 0.5em;
 | |
|         text-align: center;
 | |
|       }
 | |
| 
 | |
|       div.dialog > p {
 | |
|         color: #404048;
 | |
|         font-family: Lato;
 | |
|         font-style: normal;
 | |
|         font-weight: normal;
 | |
|         font-size: 1.1em;
 | |
|         margin: 0.5em;
 | |
|       }
 | |
| 
 | |
|       div.dialog > img {
 | |
|         margin: 1em;
 | |
|       }
 | |
| 
 | |
|       .illustration {
 | |
|         margin-top: 64px !important;
 | |
|       }
 | |
|     </style>
 | |
|   </head>
 | |
| 
 | |
|   <body data-turbolinks="false">
 | |
|     <!-- This file lives in public/500.html -->
 | |
|     <div class="navbar">
 | |
|     <a href="/">
 | |
|       <img id="logo" src="/images/scinote_icon.svg" title="SciNote">
 | |
|     </a>
 | |
|     </div>
 | |
|     <div class="dialog">
 | |
|       <img src="/images/genericError.svg" class="illustration">
 | |
|       <h1>Ooops, something went wrong.</h1>
 | |
|       <p>Please contact your SciNote administrator.</p>
 | |
|     </div>
 | |
|   </body>
 | |
| </html>
 |