zhangyiss/the-littlest-jupyterhub
1
0
Fork 0
mirror of https://github.com/jupyterhub/the-littlest-jupyterhub.git synced 2025-12-18 21:54:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

Center divs

Browse Source
This commit is contained in:
GeorgianaElena
2020-08-03 17:58:48 +03:00
parent 972b15b95a
commit 3aa8255110
1 changed files with 24 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
bootstrap/index.html
View File

@@ -1,13 +1,16 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<body>
<meta http-equiv="refresh" content="20"/>
<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"></div>
<div class="message">Please wait while your TLJH is building...</div>
<div class="logs_info">Click the button below to see the logs</div>
<button class="logs_button" onclick="window.location.href='/logs'">View logs</button>
<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>
@@ -15,19 +18,22 @@
background: grey;
}
.message {
position: absolute;
top: 35%;
left: 30%;
font-size: 30px;
font-weight: bold;
color: 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 {
position: absolute;
top: 11%;
left: 46%;
width: 150px;
height: 150px;
border-radius: 90%;
@@ -45,23 +51,5 @@
border-top-color: #fce5cf;
}
}
.logs_info {
position: absolute;
top: 45%;
left: 42%;
font-size: 15px;
color: grey;
}
.logs_button {
position: absolute;
top: 50%;
left: 46%;
border: 0;
color: white;
padding: 15px 32px;
font-size: 16px;
cursor: pointer;
background: #f5a252;
}
</style>
</head>