Files
P42_UI/maintenance-mode.html
T
2025-08-27 07:03:09 +00:00

68 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>European Innovation Council</title>
<link href="/app/thirdparty/eicui/eicui-2.0.css" rel="stylesheet" type="text/css">
<script>
window.onload = (() => {
document.querySelector('.retry-btn').addEventListener('click', (e) => { document.location.href = '/' })
fetch('/app/config/config.json?'+Math.random())
.then(r=>r.json())
.then(config=>{
fetch(config.userLib.logoutEndpoint,
{ headers: {'content-type' : 'application/json'}, method: 'GET', credentials: 'include'}
)
.then(response => response.json())
.then((response) => {
document.querySelector('.logout-btn').addEventListener('click', (e) => { document.location.href = response.payload.logoutUri })
}).catch(err => {
console.warn('problem getting eulogout:',err)
})
}).catch(err => {
console.warn('problem loading config:',err)
})
})
</script>
</head>
<body eicapp>
<style>
body {
align-items: center;
background: radial-gradient(#4786da, #1b4986);
background-position: center;
color: white;
display: grid;
padding: 150px 15px 100px;
position: relative;
text-align: center;
width: 100vw;
background-size: cover;
height: 100vh;
box-sizing: border-box;
overflow: hidden;
font-family: sans-serif;
}
.auth-error{
max-width: 40vw!important;
margin: auto!important;
}
.retry-btn {
float: right;
}
</style>
<article class="auth-error" eiccard="" aria-enabled="true" >
<header><h1>Maintenance</h1></header>
<section>
<div>
<section>
<alert eicalert="" danger="">
The site is currently under maintenance.</br>
Please come back later.
</alert>
</section>
</div>
</section>
</article>
</body>
</html>