-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoffline.html
1 lines (1 loc) · 1.68 KB
/
offline.html
1
<head> <link id="browser_favicon" rel="icon" href="hypercritical-main-logo.png"/> </head> <main class="site-offline" data-router-wrapper=""> <div class="logo"> <h1 class="header-logo">Hypercritical</h1> </div> <div data-router-view="defaultRouter" class="page-default"> <div class="typeset"> <p>You're offline. <br/>Please check your internet connection and try again.</p> <a href="/" onclick="location.reload()" class="button">Try Again</a> </div> </div> </main> <style>@font-face{font-display:swap;font-family:MonumentExtend-Regular;src:url("MonumentExtend-Regular.woff") format("woff")}.site-offline{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100vh}.logo{display:flex}.header-logo{font-size:6vw;font-family:MonumentExtend-Regular,Arial,Helvetica,sans-serif}body{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding:0;margin:0;background-color:#f2f5f7;height:100%}.typeset{text-align:center;max-width:560px;padding:0 5%;margin:0 auto}@media (max-width:768px){.typeset>p{font-size:36px;line-height:36px}}.typeset>p{font-size:42px;line-height:42px;letter-spacing:-1px;color:#000;margin-bottom:45px}.typeset .button{display:inline-block;padding:15px 30px;font-family:NeueMontreal,Arial,Helvetica,sans-serif;font-weight:500;font-size:20px;line-height:1.4285714286;letter-spacing:.2px;text-decoration:none;text-align:center;border-radius:15px;transition:border 333ms cubic-bezier(.17, 0, .25, 1),background-color 333ms cubic-bezier(.17, 0, .25, 1),color 333ms cubic-bezier(.17, 0, .25, 1),fill 333ms cubic-bezier(.17, 0, .25, 1);color:#000;text-decoration:underline}</style>