habitica/public/heavyLoad.html

52 lines
2.2 KiB
HTML
Raw Normal View History

2013-01-19 03:00:38 +00:00
<html>
<head>
<meta charset="utf-8">
<title>HabitRPG | Gamify Your Life</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Le styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/docs.css" rel="stylesheet">
<style type="text/css">
.jumbotron {
background-color: #1b1b1b;
background-image: -moz-linear-gradient(top, #222222, #111111);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
background-image: -webkit-linear-gradient(top, #222222, #111111);
background-image: -o-linear-gradient(top, #222222, #111111);
background-image: linear-gradient(to bottom, #222222, #111111);
background-repeat: repeat-x;
border-color: #252525;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}
.rotate-img {
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */
}
</style>
</head>
<body>
<div class='container'>
<div class='marketing'>
2013-01-19 03:09:57 +00:00
<img class='rotate-img' src="/img/browserquest/habitrpg_mods/armor3.png"/>
2013-01-19 03:00:38 +00:00
<h2>The server is under heavy load or is experiencing issues.<h2>
2013-01-19 03:08:29 +00:00
<p><a href="/">Try again</a> in a few, the developer has been notified. In the meantime, Habit could use your support to get these issues squared away - please consider backing the Kickstarter Campaign.</p>
2013-01-19 03:00:38 +00:00
<a href="http://kck.st/XoA3Yg" class='btn btn-success btn-large'>Kickstarter</a>
<div class='container'>
<div class='marketing'>
<p>&nbsp;</p>
<p><iframe src="http://player.vimeo.com/video/57639356" width="960" height="539" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
</div>
</div>
</div>
</div>
</body>
</html>