mirror of
https://github.com/jupyterhub/the-littlest-jupyterhub.git
synced 2025-12-18 21:54:05 +08:00
56 lines
1.6 KiB
HTML
56 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<body>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<img style="width: 150px; height: auto;" src="https://raw.githubusercontent.com/jupyterhub/the-littlest-jupyterhub/master/docs/images/logo/logo.png">
|
|
<div class="loader center"></div>
|
|
<div class="center" style="font-size: 30px; font-weight: bold; color: grey; text-align:center;">Please wait while your TLJH is building...</div>
|
|
<div class="center" style="font-size: 15px; color: grey;">Click the button below to see the logs</div>
|
|
<button class="logs-button center" onclick="window.location.href='/logs'">View logs</button>
|
|
<script type="text/javascript">
|
|
setInterval('window.location.reload()', 10000);
|
|
</script>
|
|
</body>
|
|
|
|
<style>
|
|
button:hover {
|
|
background: grey;
|
|
}
|
|
|
|
.center {
|
|
margin: 0 auto;
|
|
margin-top: 50px;
|
|
text-align:center;
|
|
display: block;
|
|
}
|
|
.logs-button {
|
|
margin-top:15px;
|
|
border: 0;
|
|
color: white;
|
|
padding: 15px 32px;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
background: #f5a252;
|
|
}
|
|
.loader {
|
|
width: 150px;
|
|
height: 150px;
|
|
border-radius: 90%;
|
|
border: 7px solid transparent;
|
|
animation: spin 2s infinite ease;
|
|
animation-direction: alternate;
|
|
}
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotateZ(0deg);
|
|
border-top-color: #f17c0e
|
|
}
|
|
100% {
|
|
transform: rotateZ(360deg);
|
|
border-top-color: #fce5cf;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|