<!DOCTYPE html> <html> <head> <title>Unicorn! (502)</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <style> body { background-color: #EFEFEF; color: #2E2F30; text-align: center; font-family: arial, sans-serif; margin: 0; } a { color: #4183c4; text-decoration: none; } a:hover { text-decoration: underline; } div.dialog { width: 95%; max-width: 33em; margin: 4em auto 0; } div.dialog > div { border: 1px solid #CCC; border-right-color: #999; border-left-color: #999; border-bottom-color: #BBB; border-top: #00A0F0 solid 4px; border-top-left-radius: 9px; border-top-right-radius: 9px; background-color: white; padding: 7px 12% 0; box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17); } h1 { font-size: 100%; color: #0b79C5; line-height: 1.5em; } div.dialog img { margin-bottom: 0.5em; } div.dialog > p { margin: 0 0 1em; padding: 1em; background-color: #F7F7F7; border: 1px solid #CCC; border-right-color: #999; border-left-color: #999; border-bottom-color: #999; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-color: #DADADA; color: #666; box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17); } div.links { margin-top: 2em; color: #999; } div.links a { color: #666; font-weight: 200; font-size: 14px; margin: 0 10px; } </style> </head> <body> <div class="dialog"> <div> <h1>This page takes way too long to load!</h1> <img src="images/angry_unicorn.png" alt="Unicorn"> </div> <p>Sorry about that. Please try refreshing and contact us if the problem persists.</p> </div> <div class="links"> <a href="https://github.com/Retrospring/retrospring/issues">Bug tracker</a> · <a href="https://twitter.com/retrospring">Twitter</a> </div> </body> </html>