Add flask app with auto-reload to render the form template
This commit is contained in:
parent
433862d0ad
commit
2333ccd168
12 changed files with 662 additions and 61 deletions
215
render/static/jupyter.css
Normal file
215
render/static/jupyter.css
Normal file
|
@ -0,0 +1,215 @@
|
|||
/* Jupyterhub style.css */
|
||||
.btn-jupyter {
|
||||
color: #fff;
|
||||
background-color: #f37524;
|
||||
border-color: #e34f21
|
||||
}
|
||||
|
||||
.btn-jupyter.focus,
|
||||
.btn-jupyter:focus {
|
||||
color: #fff;
|
||||
background-color: #d85c0c;
|
||||
border-color: #76270f
|
||||
}
|
||||
|
||||
.btn-jupyter:hover {
|
||||
color: #fff;
|
||||
background-color: #d85c0c;
|
||||
border-color: #b13b16
|
||||
}
|
||||
|
||||
.btn-jupyter.active,
|
||||
.btn-jupyter:active,
|
||||
.open>.dropdown-toggle.btn-jupyter {
|
||||
color: #fff;
|
||||
background-color: #d85c0c;
|
||||
background-image: none;
|
||||
border-color: #b13b16
|
||||
}
|
||||
|
||||
.btn-jupyter.active.focus,
|
||||
.btn-jupyter.active:focus,
|
||||
.btn-jupyter.active:hover,
|
||||
.btn-jupyter:active.focus,
|
||||
.btn-jupyter:active:focus,
|
||||
.btn-jupyter:active:hover,
|
||||
.open>.dropdown-toggle.btn-jupyter.focus,
|
||||
.open>.dropdown-toggle.btn-jupyter:focus,
|
||||
.open>.dropdown-toggle.btn-jupyter:hover {
|
||||
color: #fff;
|
||||
background-color: #b64d0a;
|
||||
border-color: #76270f
|
||||
}
|
||||
|
||||
.btn-jupyter.disabled.focus,
|
||||
.btn-jupyter.disabled:focus,
|
||||
.btn-jupyter.disabled:hover,
|
||||
.btn-jupyter[disabled].focus,
|
||||
.btn-jupyter[disabled]:focus,
|
||||
.btn-jupyter[disabled]:hover,
|
||||
fieldset[disabled] .btn-jupyter.focus,
|
||||
fieldset[disabled] .btn-jupyter:focus,
|
||||
fieldset[disabled] .btn-jupyter:hover {
|
||||
background-color: #f37524;
|
||||
border-color: #e34f21
|
||||
}
|
||||
|
||||
.btn-jupyter .badge {
|
||||
color: #f37524;
|
||||
background-color: #fff
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
#jupyterhub-logo {
|
||||
margin-left: 15px
|
||||
}
|
||||
}
|
||||
|
||||
#jupyterhub-logo .jpy-logo {
|
||||
height: 28px;
|
||||
margin-top: 6px
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.navbar-right li span {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 10px 15px
|
||||
}
|
||||
}
|
||||
|
||||
#header {
|
||||
border-bottom: 1px solid #e7e7e7
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none
|
||||
}
|
||||
|
||||
#progress-log {
|
||||
margin-top: 8px
|
||||
}
|
||||
|
||||
.progress-log-event {
|
||||
border-top: 1px solid #e7e7e7;
|
||||
padding: 8px
|
||||
}
|
||||
|
||||
.feedback-container {
|
||||
margin-top: 16px
|
||||
}
|
||||
|
||||
.feedback-widget {
|
||||
padding: 5px 0 0 6px
|
||||
}
|
||||
|
||||
.feedback-widget i {
|
||||
font-size: 2em;
|
||||
color: #d3d3d3
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #f37524;
|
||||
border-color: #f37524;
|
||||
outline-color: #f37524
|
||||
}
|
||||
|
||||
i.sort-icon {
|
||||
margin-left: 4px
|
||||
}
|
||||
|
||||
tr.pagination-row>td.pagination-page-info {
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.version_footer {
|
||||
bottom: 0;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
div.error {
|
||||
margin: 2em;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
div.ajax-error {
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
color: #a94442;
|
||||
background-color: #f2dede;
|
||||
border-color: #ebccd1
|
||||
}
|
||||
|
||||
div.ajax-error hr {
|
||||
border-top-color: #e4b9c0
|
||||
}
|
||||
|
||||
div.ajax-error .alert-link {
|
||||
color: #843534
|
||||
}
|
||||
|
||||
div.error>h1 {
|
||||
font-size: 300%;
|
||||
line-height: normal
|
||||
}
|
||||
|
||||
div.error>p {
|
||||
font-size: 200%;
|
||||
line-height: normal
|
||||
}
|
||||
|
||||
#login-main {
|
||||
display: table;
|
||||
height: 80vh
|
||||
}
|
||||
|
||||
#login-main #insecure-login-warning {
|
||||
background-color: #fcf8e3;
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
a#login-main #insecure-login-warning:focus,
|
||||
a#login-main #insecure-login-warning:hover {
|
||||
background-color: #f7ecb5
|
||||
}
|
||||
|
||||
#login-main .service-login {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: auto auto 20% auto
|
||||
}
|
||||
|
||||
#login-main form {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
margin: auto auto 20% auto;
|
||||
width: 350px
|
||||
}
|
||||
|
||||
#login-main .login_error {
|
||||
color: #ff4500;
|
||||
font-weight: 700;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
#login-main .auth-form-header {
|
||||
padding: 10px 20px;
|
||||
color: #fff;
|
||||
background: #f37524;
|
||||
border-radius: 3px 3px 0 0;
|
||||
font-size: large
|
||||
}
|
||||
|
||||
#login-main .auth-form-header>h1 {
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
#login-main .auth-form-body {
|
||||
padding: 20px;
|
||||
border: thin silver solid;
|
||||
border-top: none;
|
||||
border-radius: 0 0 3px 3px
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue