From 20094dc74b1d17411b47979c768ce1f91b1caef8 Mon Sep 17 00:00:00 2001
From: Jon Lambson <jon.lambson@daplie.com>
Date: Mon, 19 Jun 2017 13:46:46 -0600
Subject: [PATCH] fix html

---
 index.html | 85 ++++++++++++++++++++----------------------------------
 1 file changed, 32 insertions(+), 53 deletions(-)

diff --git a/index.html b/index.html
index 7a1ac25..d1c4913 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,6 @@
 	      <!-- <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">
         <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>
 
@@ -22,17 +21,13 @@
 
         <!-- Step 5: ask for permissions -->
 
-<div class="dap-bordered js-userid-container">
-    <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>
+<div class="dap-bordered js-userid-container" style="display: none;">
+      <p class="dap-centered-text dap-normal-text">Please, sign in to Daplie Labs...</p>
       <form method="post" action="">
-        <div class="form-group">
-          <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>
+        <input type="email" class="dap-input js-oauth3-email emailInput" placeholder="Input your e-mail"></input>
+        <button class="dap-full-button-green js-authn-show" disabled>CONTINUE</button>
       </form>
-      <img src="./img/gray-logo.svg" class="sponsored-by-logo">
-      <!-- <p class="dap-line-around">or</p>
+      <p class="dap-line-around">or</p>
       <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-twitter-square js-twitter-login"></span>
@@ -41,75 +36,59 @@
         <span class="fa fa-2x fa-gray fa-plus-square js-gitlab-login"></span>
       </div>
       <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 class="dap-bordered js-authn">
-      <p class="org-title">Safelogin.org</p>
-      <!-- <div class="dap-normal-text">
+      <div class="dap-normal-text">
         <span class="fa fa-3x icon-centered-3x fa-purple fa-envelope"></span>
       </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-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="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 class="dap-input js-authn-otp-code form-control" placeholder="XXXX-XXXX-XXXX" maxlength="14"></input>
-        </div>
-        <div class="dap-centered-div dap-space-on-top form-group">
+      <p class="dap-centered-text dap-scrunch-bottom dap-med-text">Please enter the code below:</p>
+      <form method="post" onsubmit="">
+        <input type="hidden" class="js-authn-otp-uuid">
+        <input class="dap-input js-authn-otp-code" placeholder="XXXX-XXXX-XXXX"></input>
+        <div class="dap-centered-div dap-space-on-top">
           <label class="js-remember-label dap-normal-text">
-            <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="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>
-            <input class="js-remember-checkbox hidden" type="checkbox"></input>
+            <input class="js-remember-checkbox" type="checkbox" checked="false"></input>
           </label>
         </div>
-        <!-- <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>
+        <button class="dap-full-button-green js-remember-btn js-authz-remember-me">SIGN IN ONCE</button>
       </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>
       </a>
       <a href="./authnopass.html" target="_blank">
         <p class="dap-centered-text dap-help-text">Why am I not using a password?</p>
-      </a> -->
-      <img src="./img/gray-logo.svg" class="sponsored-by-logo">
+      </a>
     </div>
 
     <div class="dap-bordered dap-normal-text js-authz">
-      <p class="org-title">Safelogin.org</p>
-      <!-- <br> -->
-      <!-- <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-2x fa-gray fa-plus"></span>
-        <img class="dap-lab-logo" src="./img/Daplie-Badge-Purple.png" alt="Daplie Labs Logo">
-      </div> -->
-      <p class="dap-centered-text dap-normal-text almost-done-text">Almost done. Now it’s time to set your preferences.</p>
+        <img class="dap-lab-logo" src="./img/daplie-badge-purple-78x78.png" alt="Daplie Labs Logo">
+      </div>
+      <p class="dap-centered-text dap-normal-text"> OK! Almost done. Allow app to...?</p>
       <br>
 
       <form class="js-authorization-decision" action="#">
         <ul class="js-scopes-container dap-app-auth-list">
-          <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>
-            <input class="checkbox js-scope-toggle js-auth-checkbox hidden" type="checkbox">
+          <li class="checkbox fa fa-check-square-o dap-purple-text js-auth-li-enabled">
+             <span class="dap-small-text js-scope-desc noselect">&nbsp;</span>
+             <input class="checkbox js-scope-toggle js-auth-checkbox" type="checkbox">
            </li>
          </ul>
 
         <div>
-          <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 btn btn-primary" type="button">Cancel</button>
+          <button class="dap-full-button-green js-login-allow" type="button">AUTHORIZE THIS APP</button>
+          <button class="dap-full-button-pink js-login-deny" type="button">DENY THIS APP</button>
         </div>
       </form>
-      <img src="./img/gray-logo.svg" class="sponsored-by-logo">
     </div>
 
     <!-- TODO: Remove Inline Style - Hidden until added into process -->
@@ -135,19 +114,19 @@
     </div>
 
     <div class="dap-bordered dap-normal-text js-logout-container">
-      <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 btn btn-primary">Sign Out</button>
-      <img src="./img/gray-logo.svg" class="sponsored-by-logo">
+      <p class="dap-centered-text">Sign out of Daplie and all Applications?</p>
+      <button type="button" class="dap-full-button-green js-logout">Sign Out</button>
     </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="./js/bootstrap.min.js"></script>
-    <script src="./js/mock.js"></script>
+    <script src="./js/issuer.js"></script>
     <script src="./js/script.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.mock.js"></script>
+    <!--script src="/assets/org.oauth3/oauth3.mock.js"></script-->
 
     </body>
 </html>