moving over all the files"

This commit is contained in:
Jon Lambson 2017-06-19 13:29:44 -06:00
parent 077b2d7007
commit 01112c0406
19 changed files with 3274 additions and 10278 deletions

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,440 @@
@font-face { font-family: Brown Bold; font-weight: bold; src: url('../fonts/Brown-Bold.otf'); }
@font-face { font-family: Brown Regular; src: url('../fonts/Brown-Regular.otf'); }
@font-face { font-family: Brown Light; src: url('../fonts/Brown-Light.otf'); }
@font-face { font-family: Myriad Pro; src: url('../fonts/Myriad-Pro_31655.ttf'); }
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html, body {
font-family: 'Brown Regular', Brown Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #282828;
color: #FFFFFF;
}
/*override bootstrap fade*/
.fade {
opacity: 1;
}
input.emailInput::placeholder {
font-family : Brown Regular;
font-size : 14px;
line-height : 16px;
color : #666666;
color : rgb(102, 102, 102);
opacity : 0.5;
filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) ;
}
input.js-authn-otp-code::placeholder {
font-size : 17px;
line-height : 16px;
letter-spacing : 1.02px;
color : #999999;
color : rgb(153, 153, 153);
text-align: center;
}
input.js-authn-otp-code {
font-size : 17px;
line-height : 16px;
letter-spacing : 1.02px;
text-align: center;
}
input.js-authn-otp-code {
font-size : 14px;
line-height : 16px;
}
p {
font-size: 14px;
line-height: 19px;
color: #E6E6E6;
color: rgb(230, 230, 230);
}
.text-left{
line-height: 1.42857143;
text-align: left;
}
.text-center{
line-height: 1.42857143;
text-align: center;
}
.dap-bordered {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
h4, h5{
color: #F2F2F2;
}
a{
color: #333333;
}
.checkbox{
text-align: left;
}
fieldset{
text-align: left;
}
.check{
/*background-image: url('../images/unpressed-check.png');*/
background-position: 5%, 50%;
background-repeat: no-repeat;
padding-right: 5px;
}
/*====== BUTTONS =========*/
.btn, button{
font-family : 'Brown', "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : bold;
font-size : 12px;
line-height : 19.57px;
letter-spacing : 1.44px;
text-transform : uppercase;
color : #CCCCCC;
color : rgb(204, 204, 204);
}
.btn-default{
font-family : Brown;
font-weight : bold;
font-size : 12px;
line-height : 19.57px;
letter-spacing : 1.44px;
text-transform : uppercase;
width: 100%;
max-width : 240px;
color : #1A1A1A;
color : rgb(26, 26, 26);
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%);
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) ));
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)";
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
}
.btn-default:active{
font-family : Brown;
font-weight : bold;
font-size : 12px;
line-height : 19.57px;
letter-spacing : 1.44px;
text-transform : uppercase;
color : #666666;
color : rgb(102, 102, 102);
background : #E6E6E6;
background : rgba(230, 230, 230, 1);
border-style : Solid;
border-color : #B3B3B3;
border-color : rgba(179, 179, 179, 1);
border-width : 1px;
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
outline: none;
}
.btn-default:hover{
font-family : Brown;
font-weight : bold;
font-size : 12px;
line-height : 19.57px;
letter-spacing : 1.44px;
text-transform : uppercase;
color : #1A1A1A;
color : rgb(26, 26, 26);
outline: border-color : #B3B3B3;
outline: rgba(179, 179, 179, 1);;
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%);
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) ));
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)";
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
}
.btn-default:focus{
font-family : Brown;
font-weight : bold;
font-size : 12px;
line-height : 19.57px;
letter-spacing : 1.44px;
text-transform : uppercase;
color : #666666;
color : rgb(102, 102, 102);
outline: #E6E6E6;
background : #E6E6E6;
background : rgba(230, 230, 230, 1);
border-style : Solid;
border-color : #B3B3B3;
border-color : rgba(179, 179, 179, 1);
border-width : 1px;
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
}
.btn-default:active:focus{ /*click event*/
outline: none;
font-family : Brown;
font-weight : bold;
font-size : 12px;
line-height : 19.57px;
letter-spacing : 1.44px;
text-transform : uppercase;
color : #FDA53E;
color : rgb(253, 165, 62);
background : -moz-linear-gradient(50% 0% -90deg,rgba(242, 242, 242, 1) 0.13%,rgba(236, 236, 236, 1) 46.26%,rgba(222, 222, 222, 1) 100%);
background : -webkit-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.0013,rgba(242, 242, 242, 1) ),color-stop(0.4626,rgba(236, 236, 236, 1) ),color-stop(1,rgba(222, 222, 222, 1) ));
background : -o-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
background : -ms-linear-gradient(-90deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#DEDEDE' ,GradientType=0)";
background : linear-gradient(180deg, rgba(242, 242, 242, 1) 0.13%, rgba(236, 236, 236, 1) 46.26%, rgba(222, 222, 222, 1) 100%);
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2',endColorstr='#DEDEDE' , GradientType=0);
}
.btn-primary:visited{
border-color: none;
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
background-color: #1A1A1A;
color: #FDA53E;
border-color: #000000;
}
.btn-primary:focus, .btn-primary.focus{
border-color: black;
outline: none;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus{
background-color: #1A1A1A;
outline: none;
border-color: #000000;
color: #ACACAC;
}
.btn-primary, .btn.disabled{
background : -moz-linear-gradient(50% 1.03% -90deg,rgba(36, 36, 36, 1) 0%,rgba(19, 19, 19, 1) 100%);
background : -webkit-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%);
background : -webkit-gradient(linear,50% 1.03% ,50% 101.8% ,color-stop(0,rgba(36, 36, 36, 1) ),color-stop(1,rgba(19, 19, 19, 1) ));
background : -o-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%);
background : -ms-linear-gradient(-90deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#131313' ,GradientType=0)";
background : linear-gradient(180deg, rgba(36, 36, 36, 1) 0%, rgba(19, 19, 19, 1) 100%);
left : 19px;
top : 506px;
width : 100%;
height : 40px;
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424',endColorstr='#131313' , GradientType=0);
width: 100%;
max-width: 280px;
margin-top: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-weight : bold;
font-size : 12px;
line-height : 19.57px;
letter-spacing : 1.44px;
text-transform : uppercase;
color : #CCCCCC;
color : rgb(204, 204, 204);
}
/*text-transform: uppercase;
background : -moz-linear-gradient(50% 1.03% -90deg,rgba(59, 59, 59, 1) 0%,rgba(35, 35, 35, 1) 100%);
background : -webkit-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%);
background : -webkit-gradient(linear,50% 1.03% ,50% 101.8% ,color-stop(0,rgba(59, 59, 59, 1) ),color-stop(1,rgba(35, 35, 35, 1) ));
background : -o-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%);
background : -ms-linear-gradient(-90deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B3B3B', endColorstr='#232323' ,GradientType=0)";
background : linear-gradient(180deg, rgba(59, 59, 59, 1) 0%, rgba(35, 35, 35, 1) 100%);
border-radius : 6px;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B3B3B',endColorstr='#232323' , GradientType=0);
}*/
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus{
border-color: black;
outline: none;
}
.btn-primary:hover{
border-color: black;
}
.btn-primary{
color: #CCCCCC;
background-color: #1A1A1A;
border-color: black;
}
/*====== INPUT =========*/
.form-control{
height : 39px;
}
.form-control:focus, .form-control:active, .form-control{
height: 39px;
border-color: #ACACAC;
-webkit-box-shadow: none;
box-shadow: none;
}
.input-group .form-control:first-child:first-child>{
background : #E6E6E6;
background : rgba(230, 230, 230, 1);
width : 100%;
min-width: 278px;
height : 39px;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
}
/*=====================*/
.well{
background : #F2F2F2;
background : rgba(242, 242, 242, 1);
max-width: 323px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
width: 100%;
min-width : 299px;
border-radius : 12px;
-moz-border-radius : 12px;
-webkit-border-radius : 12px;
box-shadow : 0px 10px 6px rgba(0, 0, 0, 0.6);
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#000000') ;
}
.well input {
background : #E6E6E6;
background : rgba(230, 230, 230, 1);
width: 100%;
max-width : 282px;
border-radius : 4px;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
margin-left: auto;
margin-right: auto;
}
.well li.list-group-item {
background-color: #E6E6E6;
width: 100%;
max-width : 282px;
margin-left: auto;
margin-right: auto;
}
.btn-back {
margin: 0;
float: left;
width: 39px;
height: 40px;
}
.checkbox label {
padding-left: 0px;
}
.modal-title {
font-family : Brown Bold;
font-weight : bold;
font-size : 18px;
color : #1A1A1A;
color : rgb(26, 26, 26);
}
.modal-body input, .modal-body select {
background: #E6E6E6;
background: rgba(230, 230, 230, 1);
}
/*Daplie Device*/
label.cloud-device {
display: inline-block;
position: relative;
padding: 1%;
}
label.cloud-device > input {
visibility: hidden;
position: absolute;
}
.not-selected {
content: url("../images/server-icon.png");
margin: auto;
}
.is-selected{
content: url("../images/selected-server.png");
}
.welcome-text {
font-family : Brown Regular;
font-size : 14px;
line-height : 19px;
color : #E5E5E5;
color : rgb(229, 229, 229);
max-width: 250px;
text-align: center;
padding-bottom: 30px;
}
.org-title {
padding-top: 70px;
font-family : Brown Bold;
font-weight : bold;
font-size : 18px;
line-height : 35.6px;
color : #62A8A1;
color : rgb(98, 168, 161);
}
.dap-input {
width : 280px;
height : 39px;
margin-left: auto;
margin-right: auto;
}
.dap-centered-div.dap-space-on-top.form-group {
text-align: center;
}
form.twelve-digit-code, .js-authn-otp-code {
text-align: center;
}
img.sponsored-by-logo {
margin-top: 70px;
width: 81px;
height: 81px;
}
.code-sent-text {
font-size : 14px;
line-height : 19px;
color : #E5E5E5;
color : rgb(229, 229, 229);
margin-bottom: 0;
}
.email-address {
color: #808080;
}
.code-lasts-text {
font-family : Brown Regular;
font-size : 11px;
line-height : 19px;
color : #666666;
color : rgb(102, 102, 102);
text-align: center;
margin-bottom: 5px;
}
.dap-remember-me {
font-family : Brown Light;
font-size : 14px;
color : #E6E6E6;
color : rgb(230, 230, 230);
vertical-align: middle;
}
.almost-done-text {
font-family : Brown Regular;
font-size : 14px;
line-height : 19px;
color : #E5E5E5;
color : rgb(229, 229, 229);
max-width: 180px;
text-align: center;
}
.sign-out-text {
padding-top: 70px;
}
.js-authorization-decision {
text-align: center;
}
.pb-40 {
padding-bottom: 40px;
}

BIN
fonts/.DS_Store vendored Normal file

Binary file not shown.

BIN
fonts/Brown-Bold.otf Normal file

Binary file not shown.

BIN
fonts/Brown-Light.otf Normal file

Binary file not shown.

BIN
fonts/Brown-Regular.otf Normal file

Binary file not shown.

BIN
fonts/FontAwesome.otf Normal file

Binary file not shown.

BIN
fonts/Myriad-Pro_31655.ttf Normal file

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 434 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

1
img/gray-logo.svg Normal file
View File

@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.4 81.24"><defs><style>.cls-1,.cls-4{opacity:0.15;}.cls-1{font-size:13.22px;font-family:Brown-Regular, Brown;}.cls-1,.cls-5{fill:#fff;}.cls-2{letter-spacing:-0.02em;}.cls-3{letter-spacing:-0.01em;}</style></defs><title>gray-logo</title><text class="cls-1" transform="translate(0 11.24)">sponso<tspan class="cls-2" x="43.33" y="0">r</tspan><tspan x="48.16" y="0">ed </tspan><tspan class="cls-3" x="66.94" y="0">by</tspan></text><g class="cls-4"><path class="cls-5" d="M234.12,287.94A1.91,1.91,0,1,1,236,286a1.88,1.88,0,0,1-1.84,1.91m1.86-7.77v3.57a2.91,2.91,0,0,0-2-.85,3.14,3.14,0,0,0,0,6.27,2.91,2.91,0,0,0,2-.85V289h1.26v-8.8Z" transform="translate(-206.56 -210.64)"/><path class="cls-5" d="M248.59,284.11a1.91,1.91,0,1,1-1.84,1.91,1.88,1.88,0,0,1,1.84-1.91m-1.86,7.77v-3.57a2.91,2.91,0,0,0,2,.85,3.14,3.14,0,0,0,0-6.27,2.91,2.91,0,0,0-2,.85v-.66h-1.26v8.8Z" transform="translate(-206.56 -210.64)"/><path class="cls-5" d="M241.28,287.94a1.91,1.91,0,1,1,1.84-1.91,1.88,1.88,0,0,1-1.84,1.91m1.86-4.84v.63a2.91,2.91,0,0,0-2-.85,3.14,3.14,0,0,0,0,6.27,2.91,2.91,0,0,0,2-.85V289h1.26V283.1Z" transform="translate(-206.56 -210.64)"/><rect class="cls-5" x="46.15" y="69.52" width="1.26" height="8.8"/><rect class="cls-5" x="48.61" y="72.43" width="1.26" height="5.89"/><path class="cls-5" d="M256.71,280.93a.91.91,0,1,1-.91-.91.91.91,0,0,1,.91.91" transform="translate(-206.56 -210.64)"/><path class="cls-5" d="M263.54,286.5h0s0-.07,0-.1v-.09c0-.1,0-.19,0-.29a3.13,3.13,0,0,0-2.82-3.12l-.32,0-.32,0a3.13,3.13,0,0,0-2.82,3.12c0,.1,0,.19,0,.29v.09s0,.07,0,.1h0a3.12,3.12,0,0,0,.54,1.34h0l.12.15.06.07.12.14.06.06.17.16.07.06.19.14.05,0,.18.11.06,0,.23.11.06,0,.25.09h0l.24.06h.05l.27,0h.69l.27,0h.05l.24-.06h0l.25-.09.06,0,.23-.11.06,0,.18-.11.05,0,.19-.14.07-.06.17-.16.06-.06.12-.14.06-.07.12-.15h0a3.11,3.11,0,0,0,.42-.84h-1.53a1.7,1.7,0,0,1-1.26.82h-.37a1.75,1.75,0,0,1-1.48-1.32Zm-3.1-2.35a1.73,1.73,0,0,1,1.61,1.25h-3.23A1.73,1.73,0,0,1,260.45,284.15Z" transform="translate(-206.56 -210.64)"/><path class="cls-5" d="M260.78,254.58l4.77-4.77a3.86,3.86,0,1,0-5.46-5.46l-4.77,4.77,0,0-2.43-2.43,4.81-4.81a3.86,3.86,0,1,0-5.46-5.46l-4.77,4.77-4.77-4.77a3.86,3.86,0,1,0-5.46,5.46l4.64,4.64-2.77,2.77-4.64-4.64a3.86,3.86,0,0,0-5.46,0h0a3.86,3.86,0,0,0,0,5.46l4.77,4.77L229,259.69a3.86,3.86,0,0,0,5.46,5.46l4.77-4.77,0,0,2.43,2.43,0,0-4.77,4.77a3.86,3.86,0,0,0,5.46,5.46l4.77-4.77,4.77,4.77a3.86,3.86,0,1,0,5.46-5.46l-4.64-4.64,2.77-2.77,4.64,4.64a3.86,3.86,0,1,0,5.46-5.46Zm-2,0-3.43,3.43-3.47-3.47,3.43-3.43Zm2.33-9.28a2.46,2.46,0,0,1,3.47,3.47l-4.77,4.77-3.47-3.47Zm-13.69-2.08,3.47,3.47-3.43,3.43L244,246.7Zm5.8-5.8a2.46,2.46,0,1,1,3.47,3.47l-4.77,4.77-3.47-3.47Zm-15,3.47a2.46,2.46,0,1,1,3.47-3.47l4.64,4.64-3.47,3.47Zm-2.42,13.95,3.43-3.43,3.47,3.47-3.43,3.43Zm-6.52-7.46a2.44,2.44,0,0,1,.72-1.74h0a2.46,2.46,0,0,1,3.47,0l4.64,4.64-3.47,3.47L230,249.16A2.44,2.44,0,0,1,229.25,247.43Zm4.19,16.73a2.46,2.46,0,0,1-3.47-3.47l4.77-4.77,3.47,3.47Zm6.8-4.81,4.42-4.42-4.6-4.6,2.77-2.77,4.6,4.6,4.43-4.43,2.43,2.43-4.43,4.43,4.6,4.6-2.77,2.77-4.6-4.6-4.42,4.42Zm6.89,6.89-3.47-3.47,3.43-3.43,3.47,3.47Zm-5.8,5.8a2.46,2.46,0,0,1-3.47-3.47l4.77-4.77,3.47,3.47Zm15-3.47a2.46,2.46,0,0,1-3.47,3.47l-4.64-4.64,3.47-3.47Zm8.23-4.75a2.46,2.46,0,0,1-3.47,0l-4.64-4.64,3.47-3.47,4.64,4.64a2.46,2.46,0,0,1,0,3.47Z" transform="translate(-206.56 -210.64)"/></g></svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
img/pressed-check.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
img/unpressed-check.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 861 B

View File

@ -4,9 +4,11 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Login Facilitator: OAuth3.org</title> <title>Login Facilitator: OAuth3.org</title>
<link rel="stylesheet" type="text/css" href="/css/style.css"> <!-- <link rel="stylesheet" type="text/css" href="/css/style.css"> -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:300"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:300">
<script src="https://use.fontawesome.com/3af0faae66.js"></script> <script src="https://use.fontawesome.com/3af0faae66.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/css/daplie-installer-overrides.css">
</head> </head>
<body class="fade mock-main"> <body class="fade mock-main">
@ -20,13 +22,17 @@
<!-- Step 5: ask for permissions --> <!-- Step 5: ask for permissions -->
<div class="dap-bordered js-userid-container" style="display: none;"> <div class="dap-bordered js-userid-container">
<p class="dap-centered-text dap-normal-text">Please, sign in to Daplie Labs...</p> <p class="org-title">Safelogin.org</p>
<p class="dap-centered-text dap-normal-text welcome-text center-it">Welcome to a new way to login. Safelogin.org helps you create an Internet ID that allows you to choose what info is shared about you when you login into a site or app online.</p>
<form method="post" action=""> <form method="post" action="">
<input type="email" class="dap-input js-oauth3-email emailInput" placeholder="Input your e-mail"></input> <div class="form-group">
<button class="dap-full-button-green js-authn-show" disabled>CONTINUE</button> <input type="email" class="form-control dap-input js-oauth3-email emailInput" placeholder="Enter an email address to start"></input>
</div>
<button class="dap-full-button-green js-authn-show btn btn-primary" disabled>Send authentication email</button>
</form> </form>
<p class="dap-line-around">or</p> <img src="./img/gray-logo.svg" class="sponsored-by-logo">
<!-- <p class="dap-line-around">or</p>
<div class="dap-social-media dap-normal-text"> <div class="dap-social-media dap-normal-text">
<span class="fa fa-2x fa-gray fa-facebook-square js-facebook-login"></span> <span class="fa fa-2x fa-gray fa-facebook-square js-facebook-login"></span>
<span class="fa fa-2x fa-gray fa-twitter-square js-twitter-login"></span> <span class="fa fa-2x fa-gray fa-twitter-square js-twitter-login"></span>
@ -35,59 +41,75 @@
<span class="fa fa-2x fa-gray fa-plus-square js-gitlab-login"></span> <span class="fa fa-2x fa-gray fa-plus-square js-gitlab-login"></span>
</div> </div>
<br> <br>
<a href="./loginwhatis.html" target="_blank"><p class="dap-centered-text dap-help-text">What is this?</p></a> <a href="./loginwhatis.html" target="_blank"><p class="dap-centered-text dap-help-text">What is this?</p></a> -->
</div> </div>
<div class="dap-bordered js-authn"> <div class="dap-bordered js-authn">
<div class="dap-normal-text"> <p class="org-title">Safelogin.org</p>
<!-- <div class="dap-normal-text">
<span class="fa fa-3x icon-centered-3x fa-purple fa-envelope"></span> <span class="fa fa-3x icon-centered-3x fa-purple fa-envelope"></span>
</div> </div>
<p class="dap-centered-text dap-scrunch-top dap-normal-text">A special sign-in code was sent to:</p> <p class="dap-centered-text dap-scrunch-top dap-normal-text">A special sign-in code was sent to:</p>
<p class="dap-centered-text dap-scrunch-both dap-purple-text"><span class="js-user-email">&nbsp;</span></p> <p class="dap-centered-text dap-scrunch-both dap-purple-text"><span class="js-user-email">&nbsp;</span></p>
<p class="dap-centered-text dap-scrunch-bottom dap-med-text">Please enter the code below:</p> <p class="dap-centered-text dap-scrunch-bottom dap-med-text">Please enter the code below:</p> -->
<form method="post" onsubmit=""> <p class="code-sent-text">Hi, thanks for signing up.</p>
<p class="code-sent-text">Please enter the code sent to:</p>
<p class="code-sent-text email-address displayed"></p>
<p class="code-sent-text pb-40">Be sure to check your spam.</p>
<form class="twelve-digit-code" method="post" onsubmit="">
<div class="form-group">
<p class="code-lasts-text">Code lasts for 15 minutes.</p>
<input type="hidden" class="js-authn-otp-uuid"> <input type="hidden" class="js-authn-otp-uuid">
<input class="dap-input js-authn-otp-code" placeholder="XXXX-XXXX-XXXX"></input> <input class="dap-input js-authn-otp-code form-control" placeholder="XXXX-XXXX-XXXX" maxlength="14"></input>
<div class="dap-centered-div dap-space-on-top"> </div>
<div class="dap-centered-div dap-space-on-top form-group">
<label class="js-remember-label dap-normal-text"> <label class="js-remember-label dap-normal-text">
<span class="fa fa-2x fa-purple fa-square-o dap-remember-margin js-remember-status"></span> <img src="./img/unpressed-check.png" class="check js-remember-status">
<!-- <span class="fa fa-2x fa-purple fa-square-o dap-remember-margin js-remember-status"></span> -->
<span class="dap-remember-me noselect">Remember this device.</span> <span class="dap-remember-me noselect">Remember this device.</span>
<input class="js-remember-checkbox" type="checkbox" checked="false"></input> <input class="js-remember-checkbox hidden" type="checkbox"></input>
</label> </label>
</div> </div>
<button class="dap-full-button-green js-remember-btn js-authz-remember-me">SIGN IN ONCE</button> <!-- <button class="dap-full-button-green js-remember-btn js-authz-remember-me">SIGN IN ONCE</button> -->
<button type="button" class="btn btn-primary">Send Code Again</button>
<button type="button" class="btn btn-primary">Edit My Email</button>
<button type="button" class="btn btn-primary submit-btn dap-full-button-green js-remember-btn js-authz-remember-me" disabled>Submit</button>
</form> </form>
<a href="./authnocode.html" target="_blank"> <!-- <a href="./authnocode.html" target="_blank">
<p class="dap-centered-text dap-help-text">I didn't receive my code...</p> <p class="dap-centered-text dap-help-text">I didn't receive my code...</p>
</a> </a>
<a href="./authnopass.html" target="_blank"> <a href="./authnopass.html" target="_blank">
<p class="dap-centered-text dap-help-text">Why am I not using a password?</p> <p class="dap-centered-text dap-help-text">Why am I not using a password?</p>
</a> </a> -->
<img src="./img/gray-logo.svg" class="sponsored-by-logo">
</div> </div>
<div class="dap-bordered dap-normal-text js-authz"> <div class="dap-bordered dap-normal-text js-authz">
<br> <p class="org-title">Safelogin.org</p>
<div class="dap-user-plus-app"> <!-- <br> -->
<!-- <div class="dap-user-plus-app">
<span class="fa fa-3x fa-purple fa-user-circle"></span> <span class="fa fa-3x fa-purple fa-user-circle"></span>
<span class="fa fa-2x fa-gray fa-plus"></span> <span class="fa fa-2x fa-gray fa-plus"></span>
<img class="dap-lab-logo" src="./img/daplie-badge-purple-78x78.png" alt="Daplie Labs Logo"> <img class="dap-lab-logo" src="./img/Daplie-Badge-Purple.png" alt="Daplie Labs Logo">
</div> </div> -->
<p class="dap-centered-text dap-normal-text"> OK! Almost done. Allow app to...?</p> <p class="dap-centered-text dap-normal-text almost-done-text">Almost done. Now its time to set your preferences.</p>
<br> <br>
<form class="js-authorization-decision" action="#"> <form class="js-authorization-decision" action="#">
<ul class="js-scopes-container dap-app-auth-list"> <ul class="js-scopes-container dap-app-auth-list">
<li class="checkbox fa fa-check-square-o dap-purple-text js-auth-li-enabled"> <li class="checkbox dap-purple-text js-auth-li-enabled">
<img src="./img/pressed-check.png" class="check">
<span class="dap-small-text js-scope-desc noselect">&nbsp;</span> <span class="dap-small-text js-scope-desc noselect">&nbsp;</span>
<input class="checkbox js-scope-toggle js-auth-checkbox" type="checkbox"> <input class="checkbox js-scope-toggle js-auth-checkbox hidden" type="checkbox">
</li> </li>
</ul> </ul>
<div> <div>
<button class="dap-full-button-green js-login-allow" type="button">AUTHORIZE THIS APP</button> <button class="dap-full-button-green js-login-allow btn btn-primary" type="button">AUTHORIZE THIS APP</button>
<button class="dap-full-button-pink js-login-deny" type="button">DENY THIS APP</button> <button class="dap-full-button-pink js-login-deny btn btn-primary" type="button">Cancel</button>
</div> </div>
</form> </form>
<img src="./img/gray-logo.svg" class="sponsored-by-logo">
</div> </div>
<!-- TODO: Remove Inline Style - Hidden until added into process --> <!-- TODO: Remove Inline Style - Hidden until added into process -->
@ -113,18 +135,19 @@
</div> </div>
<div class="dap-bordered dap-normal-text js-logout-container"> <div class="dap-bordered dap-normal-text js-logout-container">
<p class="dap-centered-text">Sign out of Daplie and all Applications?</p> <p class="dap-centered-text sign-out-text">Sign out of Daplie and all Applications?</p>
<button type="button" class="dap-full-button-green js-logout">Sign Out</button> <button type="button" class="dap-full-button-green js-logout btn btn-primary">Sign Out</button>
<img src="./img/gray-logo.svg" class="sponsored-by-logo">
</div> </div>
<!--[if IE]><script src="bower_components/rsvp.js/rsvp.js"></script><![endif]--> <script src="/assets/com.jquery/jquery-2.2.0.min.js"></script>
<script src="/assets/com.jquery/jquery-3.1.1.js"></script> <script src="./js/bootstrap.min.js"></script>
<script src="./js/issuer.js"></script> <script src="./js/mock.js"></script>
<script src="./js/script.js"></script> <script src="./js/script.js"></script>
<script src="/assets/org.oauth3/oauth3.core.js"></script> <script src="/assets/org.oauth3/oauth3.core.js"></script>
<script src="/assets/org.oauth3/oauth3.issuer.js"></script> <script src="/assets/org.oauth3/oauth3.issuer.js"></script>
<!--script src="/assets/org.oauth3/oauth3.mock.js"></script--> <script src="/assets/org.oauth3/oauth3.mock.js"></script>
</body> </body>
</html> </html>

12
js/bootstrap.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,38 +1,107 @@
// $('body').on('click', '.js-remember-label', function (ev) {
// ev.preventDefault();
// ev.stopPropagation();
// if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === true ) {
// $('.js-remember-label').find('.js-remember-status').removeClass('fa-check-square-o');
// $('.js-remember-label').find('.js-remember-status').addClass('fa-square-o dap-remember-margin');
// $('.js-remember-label').find('.js-remember-checkbox').prop('checked', false);
// $('.js-remember-btn').removeClass('dap-full-button-purple');
// $('.js-remember-btn').addClass('dap-full-button-green');
// $('.js-remember-btn').text('SIGN IN ONCE');
// } else if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === false ) {
// $('.js-remember-label').find('.js-remember-status').removeClass('fa-square-o dap-remember-margin');
// $('.js-remember-label').find('.js-remember-status').addClass('fa-check-square-o');
// $('.js-remember-label').find('.js-remember-checkbox').prop('checked', true);
// $('.js-remember-btn').removeClass('dap-full-button-green');
// $('.js-remember-btn').addClass('dap-full-button-purple');
// $('.js-remember-btn').text('SIGN IN FOREVER');
// }
// });
// $('body').on('click', '.js-auth-li-enabled', function (ev) {
// ev.preventDefault();
// ev.stopPropagation();
//
// var $checkbox = $(this);
// if ($checkbox.find('.js-auth-checkbox').prop('checked') === true ) {
// // $checkbox.removeClass('fa-check-square-o');
// // $checkbox.addClass('fa-square-o');
// $checkbox.find('.js-auth-checkbox').prop('checked', false);
// } else if ($checkbox.find('.js-auth-checkbox').prop('checked') === false ) {
// // $checkbox.removeClass('fa-square-o');
// // $checkbox.addClass('fa-check-square-o');
// $checkbox.find('.js-auth-checkbox').prop('checked', true);
// }
// });
$('body').on('click', '.js-remember-label', function (ev) { $('body').on('click', '.js-remember-label', function (ev) {
ev.preventDefault(); ev.preventDefault();
ev.stopPropagation(); ev.stopPropagation();
var $this = $(this);
if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === true ) { if ($this.find('.js-remember-checkbox').is(':checked') === true) {
$('.js-remember-label').find('.js-remember-status').removeClass('fa-check-square-o'); $this.find('.js-remember-checkbox').prop( "checked", false );
$('.js-remember-label').find('.js-remember-status').addClass('fa-square-o dap-remember-margin'); } else {
$('.js-remember-label').find('.js-remember-checkbox').prop('checked', false); $this.find('.js-remember-checkbox').prop( "checked", true );
$('.js-remember-btn').removeClass('dap-full-button-purple');
$('.js-remember-btn').addClass('dap-full-button-green');
$('.js-remember-btn').text('SIGN IN ONCE');
} else if ($('.js-remember-label').find('.js-remember-checkbox').prop('checked') === false ) {
$('.js-remember-label').find('.js-remember-status').removeClass('fa-square-o dap-remember-margin');
$('.js-remember-label').find('.js-remember-status').addClass('fa-check-square-o');
$('.js-remember-label').find('.js-remember-checkbox').prop('checked', true);
$('.js-remember-btn').removeClass('dap-full-button-green');
$('.js-remember-btn').addClass('dap-full-button-purple');
$('.js-remember-btn').text('SIGN IN FOREVER');
} }
});
$('body').on('click', '.check', function () {
var $img = $(this);
if($img.attr("src") === "./img/pressed-check.png") {
$img.attr("src", "./img/unpressed-check.png");
$img.removeClass("is-checked");
} else if($img.attr("src") === "./img/unpressed-check.png") {
$img.attr("src", "./img/pressed-check.png");
$img.addClass("is-checked");
}
}); });
$('body').on('click', '.js-auth-li-enabled', function (ev) { $('body').on('click', '.js-auth-li-enabled', function (ev) {
ev.preventDefault(); ev.preventDefault();
ev.stopPropagation(); ev.stopPropagation();
var $this = $(this);
if ($this.find('.js-auth-checkbox').is(':checked') === true) {
$this.find('.js-auth-checkbox').prop( "checked", false );
} else {
$this.find('.js-auth-checkbox').prop( "checked", true );
}
});
var $checkbox = $(this) $('body').on('keyup keypress', '.js-authn-otp-code', function (e) {
if ($checkbox.find('.js-auth-checkbox').prop('checked') === true ) { var keyCode = e.keyCode || e.which;
$checkbox.removeClass('fa-check-square-o'); var regex = new RegExp('^[0-9 \-]+$');
$checkbox.addClass('fa-square-o'); var key = String.fromCharCode(!e.charCode ? e.which : e.charCode);
$checkbox.find('.js-auth-checkbox').prop('checked', false); var oauthCode = $(this).val().split('-').join('').replace(/\s/g, '');
} else if ($checkbox.find('.js-auth-checkbox').prop('checked') === false ) {
$checkbox.removeClass('fa-square-o'); if (!regex.test(key)) {
$checkbox.addClass('fa-check-square-o'); event.preventDefault();
$checkbox.find('.js-auth-checkbox').prop('checked', true); return false;
} }
if (oauthCode.length > 0) {
oauthCode = oauthCode.match(new RegExp('.{1,4}', 'g')).join("-");
}
$(this).val(oauthCode);
if($(this).val().length == $(this).attr("maxlength")){
$('.submit-btn').prop("disabled", false);
}
});
$('body').on('keyup', '.js-oauth3-email', function () {
var emailAddress = $(this).val();
var emailRegex = new RegExp(/^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$/i);
var valid = emailRegex.test(emailAddress);
if (!valid) {
$('.js-authn-show').prop("disabled", true);
return false;
} else {
$('.js-authn-show').prop("disabled", false);
return true;
}
});
$('body').on('blur', '.js-oauth3-email', function () {
var emailAddress = $(this).val();
$('.email-address').text(emailAddress);
}); });