Last active
June 24, 2019 06:16
-
-
Save rossta/c4f6de214a138a355a9993c7cdadbdc0 to your computer and use it in GitHub Desktop.
offline.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>You are not connected to the Internet</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; | |
} | |
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: #B00100 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: #730E15; | |
line-height: 1.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); | |
} | |
</style> | |
</head> | |
<body> | |
<!-- This file lives in public/404.html --> | |
<div class="dialog"> | |
<div> | |
<h1>It looks like you've lost your Internet connection</h1> | |
<p>You may need to reconnect to Wi-Fi.</p> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The line no. 58 should say