2014-03-10 21:01:36 +00:00
< html >
< title > Quay.io - Something went wrong!< / title >
< head >
< link rel = "stylesheet" href = "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" >
< link rel = "stylesheet" href = "//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" >
< link href = '//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel = 'stylesheet' type = 'text/css' >
< style type = "text/css" >
.ship-header {
width: 100%;
height: 400px;
position: relative;
}
.ship-header div.layer {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.ship-header .background {
background-size: cover;
background-image: url(/static/img/500/background.svg);
}
.ship-header .ship {
background-size: cover;
background-image: url(/static/img/500/ship.svg);
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
width: 19%;
}
.ship-header .water {
background-size: cover;
background-image: url(/static/img/500/water.svg);
}
@-webkit-keyframes steaming {
0% {
-webkit-transform: translateX(0px) scaleX(1);
}
50% {
-webkit-transform: translateX(-180%) scaleX(1);
}
51% {
-webkit-transform: translateX(-180%) scaleX(-1);
}
99% {
-webkit-transform: translateX(0px) scaleX(-1);
}
100% {
-webkit-transform: translateX(0px) scaleX(1);
}
}
.ship-header .ship {
-webkit-animation-name: steaming;
-webkit-animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.information {
padding: 30px;
text-align: center;
}
.information h3 {
margin-bottom: 20px;
}
< / style >
< / head >
< body >
< div id = "header" class = "ship-header" >
< div class = "background layer" > < / div >
< div id = "ship" class = "ship" > < / div >
< div class = "water layer" > < / div >
< / div >
< div class = "information" >
< img src = "/static/img/quay-logo.png" >
< h3 > Something went wrong on our end!< / h3 >
< h4 >
We're currently working to fix the problem, but if its persists please feel free to < a href = "/contact" > contact us< / a > . In the meantime, try a refreshing drink (or just refreshing).
< / h4 >
2014-06-10 20:16:47 +00:00
< div style = "margin-top: 20px" >
Current Service Status:
< span id = "status-elem" > (Loading)< / span >
< / div >
< script type = "text/javascript" src = "//statuspage-production.s3.amazonaws.com/se.js" > < / script >
< script type = "text/javascript" >
window.fetchStatusPage({
pageId: '8szqd6w4s277',
renderTo: '#status-elem'
});
< / script >
2014-03-10 21:01:36 +00:00
< / div >
< / body >
< / html >
