Skip to content

Instantly share code, notes, and snippets.

@chriscoyier

chriscoyier/overloaded.html

Forked from tsabat/overloaded.html
Last active August 29, 2015 14:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chriscoyier/836a497bcb9a869837c0 to your computer and use it in GitHub Desktop.
Save chriscoyier/836a497bcb9a869837c0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
overloaded.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="google" value="notranslate">
<title>CodePen Overloaded</title>
<style>
@import url(http://fonts.googleapis.com/css?family=Raleway:800,300);
html, body {
overflow: hidden;
height: 100%;
margin: 0;
}
body {
font-family: 'Raleway', sans-serif;
font-weight: 200;
line-height: 1.4;
font-size: 18px;
text-align: center;
}
.center {
position: absolute;
top: 50%;
left: 50%;
max-width: 500px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
h1 {
font-weight: 200;
line-height: 1;
}
h1 strong {
font-weight: 800;
display: block;
font-size: 180%;
color: #900;
}
a {
color: #900;
font-weight: 800;
text-decoration: none;
}
</style>
</head>
<body>
<div class="center">
<h1>
CodePen is under
<strong>Heavy Load</strong>
</h1>
<p>Sorry about that. Another server is probably being spun up right now. If this problem persists, feel free to contact us via email at <a href="mailto:support@codepen.io">support@codepen.io</a></p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment