diff options
| author | Priyansh <[email protected]> | 2020-11-12 02:15:07 +0530 |
|---|---|---|
| committer | Priyansh <[email protected]> | 2020-11-12 02:15:07 +0530 |
| commit | 7092267837642b67c2e19cd4981a5d77fcd8655c (patch) | |
| tree | e9d9fd013dc095b943eaff2ca24b9db44833d57e /index.html | |
| parent | eb09882801afd80df3c130fb7234a319125cfe58 (diff) | |
| download | nineties-computing-7092267837642b67c2e19cd4981a5d77fcd8655c.tar.xz nineties-computing-7092267837642b67c2e19cd4981a5d77fcd8655c.zip | |
Login + DELoader Prototype
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 142 |
1 files changed, 111 insertions, 31 deletions
@@ -1,40 +1,120 @@ <!DOCTYPE html> <html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Nineties Computing</title> - <link rel="stylesheet" href="css/globals.css"> - <link rel="stylesheet" href="css/fonts.css"> - <link rel="stylesheet" href="css/colors.css"> - <link rel="stylesheet" href="css/layouts.css"> - <link rel="stylesheet" href="css/texttypes.css"> -</head> -<body> + <link rel="stylesheet" href="css/globals.css" /> + <link rel="stylesheet" href="css/fonts.css" /> + <link rel="stylesheet" href="css/colors.css" /> + <link rel="stylesheet" href="css/layouts.css" /> + <link rel="stylesheet" href="css/texttypes.css" /> + </head> + <body> <!-- Welcome Section for Logging in --> <section id="welcome" class="fullscreen bg-skyblue"> - <div class="fullscreen_centered mediumbox bg-white padding_25"> - <div class="bordered_4px height_100-55 padding_25"> - <marquee class="welcome_heading" scrollamount="10">Hello user! Looks like you don't have an account yet!</marquee> - <h3 class="chicago center_text">Don't worry. We will help you with that!</h3> - <p class="chicago justify_text">In order to create your account, you need to provide some information. All of this information is stored on your local computer is not transmitted anywhere. Please fill in all of the following fields mentioned below and then click the 'Create My Account' button. We are waiting for you to finish. :)</p> - <input type="file" id="avatar-file-input" accept="image/x-png,image/gif,image/jpeg" style="display: none;"> - <div id="avatar-image-element" class="image_block"></div> - <span id="avatar-text-element" class="image_block_description chicago">Select your avatar...</span> - <div class='form_elements chicago'> - <label for="fullname">Full Name</label> - <input type="text" name="fullname" id="fullname" placeholder="Enter your full name"> - <label for="password">Password</label> - <input type="password" name="password" id="password" placeholder="Enter a new password"> - <label for="confirmPassword">Confirm Password</label> - <input type="password" name="confirmPassword" id="confirmPassword" placeholder="Confirm Password"> - <p id="error" class="chicago text-red"></p> - <button id="createNewAccount" class="btn bg-purple chicago text-white">Create My Account</button> - </div> - </div> + <div class="fullscreen_centered mediumbox bg-white padding_25"> + <div class="bordered_4px height_100-55 padding_25"> + <marquee class="welcome_heading" scrollamount="10" + >Hello user! Looks like you don't have an account yet!</marquee + > + <h3 class="chicago center_text"> + Don't worry. We will help you with that! + </h3> + <p class="chicago justify_text"> + In order to create your account, you need to provide some + information. All of this information is stored on your local + computer is not transmitted anywhere. Please fill in all of the + following fields mentioned below and then click the 'Create My + Account' button. We are waiting for you to finish. :) + </p> + <input + type="file" + id="avatar-file-input" + accept="image/x-png,image/gif,image/jpeg" + style="display: none" + /> + <div id="avatar-image-element" class="image_block"></div> + <span id="avatar-text-element" class="image_block_description chicago" + >Select your avatar...</span + > + <div class="form_elements chicago"> + <label for="fullname">Full Name</label> + <input + autocomplete="off" + type="text" + name="fullname" + id="fullname" + placeholder="Enter your full name" + /> + <label for="password">Password</label> + <input + autocomplete="off" + type="password" + name="password" + id="password" + placeholder="Enter a new password" + /> + <label for="confirmPassword">Confirm Password</label> + <input + autocomplete="off" + type="password" + name="confirmPassword" + id="confirmPassword" + placeholder="Confirm Password" + /> + <p id="error" class="chicago text-red"></p> + <button + id="createNewAccount" + class="btn bg-purple chicago text-white" + > + Create My Account + </button> + </div> </div> + </div> + </section> + <section id="loginSelector" class="fullscreen bg-skyblue"> + <div class="fullscreen_centered mediumbox bg-white padding_25"> + <div class="bordered_4px height_100-55 padding_25"> + <h1 class="welcome_heading">Login to your account</h1> + <div class="form_elements chicago"> + <label for="loginFullName">Full Name</label> + <input + autocomplete="off" + type="text" + name="loginFullName" + id="loginFullName" + placeholder="Enter your full name" + /> + <label for="loginPassword">Password</label> + <input + autocomplete="off" + type="password" + name="loginPassword" + id="loginPassword" + placeholder="Enter a new password" + /> + <p id="loginError" class="chicago text-red"></p> + <button id="loginButton" class="btn bg-purple chicago text-white"> + Login + </button> + </div> + </div> + </div> + </section> + <section id="loadingDesktopExperience" class="fullscreen bg-skyblue"> + <div class="fullscreen_centered mediumbox bg-white padding_25"> + <div class="bordered_4px height_100-55 padding_25 chicago"> + <h1 style="margin-top: 0">Loading your desktop experience</h1> + <div class="meter animate"> + <span id="meter-loader" style="width: 0%"><span></span></span> + </div> + </div> + </div> </section> <!-- Scripts --> <script src="js/createAccount.js"></script> -</body> -</html>
\ No newline at end of file + <script src="js/acountLogin.js"></script> + </body> +</html> |