2022-03-31 16:58:45 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Budibase</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<script>
|
2022-04-25 17:39:44 +02:00
|
|
|
function checkStatusButton() {
|
|
|
|
|
if (window.location.href.includes("budibase.app")) {
|
|
|
|
|
var button = document.getElementById("statusButton")
|
|
|
|
|
button.removeAttribute("hidden")
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-31 16:58:45 +02:00
|
|
|
function goToStatus() {
|
|
|
|
|
window.location.href = "https://status.budibase.com";
|
|
|
|
|
}
|
|
|
|
|
function goHome() {
|
|
|
|
|
window.location.href = window.location.origin;
|
|
|
|
|
}
|
|
|
|
|
function getStatus() {
|
|
|
|
|
var http = new XMLHttpRequest()
|
|
|
|
|
var url = window.location.href
|
|
|
|
|
http.open('GET', url, true)
|
|
|
|
|
http.send()
|
|
|
|
|
http.onreadystatechange = (e) => {
|
|
|
|
|
var status = http.status
|
|
|
|
|
document.getElementById("status").innerHTML = status
|
|
|
|
|
|
|
|
|
|
var message
|
|
|
|
|
if (status === 502) {
|
|
|
|
|
message = "Bad gateway. Please try again later."
|
|
|
|
|
} else if (status === 503) {
|
|
|
|
|
message = "Service Unavailable. Please try again later."
|
|
|
|
|
} else if (status === 504) {
|
|
|
|
|
message = "Gateway timeout. Please try again later."
|
|
|
|
|
} else {
|
|
|
|
|
message = "Please try again later."
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
document.getElementById("message").innerHTML = message
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2022-04-25 17:39:44 +02:00
|
|
|
window.onload = function() {
|
|
|
|
|
checkStatusButton()
|
|
|
|
|
getStatus()
|
|
|
|
|
};
|
|
|
|
|
|
2022-03-31 16:58:45 +02:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
2022-04-25 17:39:44 +02:00
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
--spectrum-global-color-gray-600: rgb(144,144,144);
|
|
|
|
|
--spectrum-global-color-gray-900: rgb(255,255,255);
|
|
|
|
|
--spectrum-global-color-gray-800: rgb(227,227,227);
|
|
|
|
|
--spectrum-global-color-static-blue-600: rgb(20,115,230);
|
|
|
|
|
--spectrum-global-color-static-blue-hover: rgb( 18, 103, 207);
|
|
|
|
|
}
|
|
|
|
|
|
2022-03-31 16:58:45 +02:00
|
|
|
html, body {
|
|
|
|
|
background-color: #1a1a1a;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
color: #e7e7e7;
|
2022-04-25 17:39:44 +02:00
|
|
|
font-family: 'Roboto', sans-serif;
|
2022-03-31 16:58:45 +02:00
|
|
|
}
|
2022-04-25 17:39:44 +02:00
|
|
|
button {
|
|
|
|
|
color: #e7e7e7;
|
|
|
|
|
font-family: 'Roboto', sans-serif;
|
|
|
|
|
border: none;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
border-radius: 15px;
|
|
|
|
|
padding: 8px 22px;
|
|
|
|
|
}
|
|
|
|
|
button:hover {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
2022-03-31 16:58:45 +02:00
|
|
|
.main {
|
|
|
|
|
height: 100vh;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
.info {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
.info {
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.status {
|
|
|
|
|
color: var(--spectrum-global-color-gray-600)
|
|
|
|
|
}
|
|
|
|
|
.title {
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: var(--spectrum-global-color-gray-900)
|
|
|
|
|
}
|
|
|
|
|
.message {
|
|
|
|
|
font-weight: 200;
|
|
|
|
|
color: var(--spectrum-global-color-gray-800)
|
|
|
|
|
}
|
|
|
|
|
.buttons {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
}
|
2022-04-25 17:39:44 +02:00
|
|
|
.homeButton {
|
|
|
|
|
background-color: var(--spectrum-global-color-static-blue-600);
|
|
|
|
|
}
|
|
|
|
|
.homeButton:hover {
|
|
|
|
|
background-color: var(--spectrum-global-color-static-blue-hover);
|
|
|
|
|
}
|
2022-03-31 16:58:45 +02:00
|
|
|
.statusButton {
|
2022-04-25 17:39:44 +02:00
|
|
|
background-color: transparent;
|
2022-03-31 16:58:45 +02:00
|
|
|
margin-left: 20px;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
.hero {
|
|
|
|
|
height: 160px;
|
|
|
|
|
width: 160px;
|
|
|
|
|
margin-right: 80px;
|
|
|
|
|
}
|
|
|
|
|
.content {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
.content {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<script src="">
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<body>
|
2022-04-25 17:39:44 +02:00
|
|
|
<div class="main">
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="hero">
|
|
|
|
|
<img src="https://raw.githubusercontent.com/Budibase/budibase/master/packages/builder/assets/bb-space-man.svg" alt="Budibase Logo">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<div>
|
|
|
|
|
<h4 id="status" class="status"></h4>
|
|
|
|
|
<h1 class="title">
|
|
|
|
|
Houston we have a problem!
|
|
|
|
|
</h1>
|
|
|
|
|
<h3 id="message" class="message">
|
|
|
|
|
</h3>
|
2022-03-31 16:58:45 +02:00
|
|
|
</div>
|
2022-04-25 17:39:44 +02:00
|
|
|
<div class="buttons">
|
|
|
|
|
<button class="homeButton" onclick=goHome()>Return home</button>
|
|
|
|
|
<button id="statusButton" class="statusButton" hidden="true" onclick=goToStatus()>Check out status</button>
|
2022-03-31 16:58:45 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-04-25 17:39:44 +02:00
|
|
|
</div>
|
2022-03-31 16:58:45 +02:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
