woodpecker/cmd/drone-server/static/scripts/views/login.html
2015-05-26 13:44:44 -07:00

67 lines
1.8 KiB
HTML

<style>
html, body {
background:#EEEEEE;
padding:0px;
margin:0px;
font-family:"Roboto";
font-size:15px;
text-transform:uppercase;
width:100%;
height:100%;
}
a.box {
background:#FFF;
width:250px;
padding:20px;
box-shadow: 0px 0px 0 rgba(255,255,255,0.05);
-webkit-transition: all .5s;
-webkit-box-flex: 0;
display:block;
text-decoration:none;
border-radius:3px;
}
a.box:hover {
box-shadow: 7px 7px 0 rgba(255,255,255,0.05);
}
div.logo {
background: url(/static/images/logo.svg) no-repeat center center;;
background-size:72px;
height:150px;
-webkit-transition: all .5s;
}
div.login {
text-align: center;
padding: 15px;
color: #424242;
font-size: 18px;
text-transform: uppercase;
border-radius: 3px;
-webkit-transition: all .5s;
background: #424242;
color: rgba(255,255,255,0.7);
}
body > div {
width:100%;
height:100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
</style>
<a href="/authorize" target="_self" class="box">
<div class="logo"></div>
<div ng-switch="error" class="alert alert-error" ng-if="error">
<div ng-switch-when="internal_error">Oops. There was an unexpected error. Please try again.</div>
<div ng-switch-when="user_not_found">There was an error authorizing your account.</div>
<div ng-switch-when="access_denied_org">Login is restricted to approved organization members only</div>
<div ng-switch-when="access_denied">Self-registration is disabled. Please contact the system admin to grant access.</div>
</div>
<div class="login">Login</div>
</a>