Luis  Rodrigues

Luis Rodrigues

1626194100

AWS Cognito Tutorial| Session Persistence & Change Password - Part III

This is part III of the AWS Cognito tutorial series. Join us in this tutorial as we finish up integration of AWS Cognito and AWS Amplify in our client app and also wire up our forgot password and change password pages.

Here is the ‘Hexal Energy’ starter app for this tutorial:

https://github.com/jspruance/aws-cogn…

AWS Amplify auth documentation:

https://aws-amplify.github.io/docs/js…

AWS Cognito:

https://aws.amazon.com/cognito/

Completed tutorial code:

https://github.com/jspruance/aws-cogn…

Subscribe: https://www.youtube.com/c/CloudPath/featured

#aws

What is GEEK

Buddha Community

AWS Cognito Tutorial| Session Persistence & Change Password - Part III

Ayan Code

1656193861

Simple Login Page in HTML and CSS | Source Code

Hello guys, Today in this post we’ll learn How to Create a Simple Login Page with a fantastic design. To create it we are going to use pure CSS and HTML. Hope you enjoy this post.

A login page is one of the most important component of a website or app that allows authorized users to access an entire site or a part of a website. You would have already seen them when visiting a website. Let's head to create it.

Whether it’s a signup or login page, it should be catchy, user-friendly and easy to use. These types of Forms lead to increased sales, lead generation, and customer growth.


Demo

Click to watch demo!

Simple Login Page HTML CSS (source code)

<!DOCTYPE html>
  <html lang="en" >
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  <link rel="stylesheet" href="styledfer.css">
  </head>

  <body>
   <div id="login-form-wrap">
    <h2>Login</h2>
    <form id="login-form">
      <p>
      <input type="email" id="email" name="email" placeholder="Email " required><i class="validation"><span></span><span></span></i>
      </p>
      <p>
      <input type="password" id="password" name="password" placeholder="Password" required><i class="validation"><span></span><span></span></i>
      </p>
      <p>
      <input type="submit" id="login" value="Login">
      </p>

      </form>
    <div id="create-account-wrap">
      <p>Don't have an accout? <a href="#">Create One</a><p>
    </div>
   </div>
    
  <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js'></script>
  </body>
</html>

CSS CODE

body {
  background-color: #020202;
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #2b3e51;
}
h2 {
  font-weight: 300;
  text-align: center;
}
p {
  position: relative;
}
a,
a:link,
a:visited,
a:active {
  color: #ff9100;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
a:focus, a:hover,
a:link:focus,
a:link:hover,
a:visited:focus,
a:visited:hover,
a:active:focus,
a:active:hover {
  color: #ff9f22;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#login-form-wrap {
  background-color: #fff;
  width: 16em;
  margin: 30px auto;
  text-align: center;
  padding: 20px 0 0 0;
  border-radius: 4px;
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.2);
}
#login-form {
  padding: 0 60px;
}
input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  outline: none;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
}
#email,
#password {
  width: 100%;
  padding: 0 0 0 10px;
  margin: 0;
  color: #8a8b8e;
  border: 1px solid #c2c0ca;
  font-style: normal;
  font-size: 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  display: inline-block;
  background: none;
}
#email:focus,
#password:focus {
  border-color: #3ca9e2;
}
#email:focus:invalid,
#password:focus:invalid {
  color: #cc1e2b;
  border-color: #cc1e2b;
}
#email:valid ~ .validation,
#password:valid ~ .validation 
{
  display: block;
  border-color: #0C0;
}
#email:valid ~ .validation span,
#password:valid ~ .validation span{
  background: #0C0;
  position: absolute;
  border-radius: 6px;
}
#email:valid ~ .validation span:first-child,
#password:valid ~ .validation span:first-child{
  top: 30px;
  left: 14px;
  width: 20px;
  height: 3px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#email:valid ~ .validation span:last-child
#password:valid ~ .validation span:last-child
{
  top: 35px;
  left: 8px;
  width: 11px;
  height: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.validation {
  display: none;
  position: absolute;
  content: " ";
  height: 60px;
  width: 30px;
  right: 15px;
  top: 0px;
}
input[type="submit"] {
  border: none;
  display: block;
  background-color: #ff9100;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size: 18px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}
input[type="submit"]:hover {
  background-color: #ff9b17;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#create-account-wrap {
  background-color: #eeedf1;
  color: #8a8b8e;
  font-size: 14px;
  width: 100%;
  padding: 10px 0;
  border-radius: 0 0 4px 4px;
}

Congratulations! You have now successfully created our Simple Login Page in HTML and CSS.

My Website: codewithayan, see this to checkout all of my amazing Tutorials.

Ethen Ellen

1616393382

Thumbs Up To New Trick of Reset Verizon Email Password

This is image title
Verizon Email is one of the most trusted email services in the entire world. It is installed with more security features and optional email services such as AOL, Outlook, Gmail or Yahoo Email. If you want to use your Verizon email account, first of all, you have to create an account. After that, you will login to your account with your username and password. Through these identities, you can access your Verizon account and enjoy all other activities provided by Verizon email.

But sometimes, If your Verizon account is hacked or blocked by someone else, you can easily login to your email account by resetting your Verizon email password. If you do not understand how to Reset Verizon Email Password. Then, you can contact Verizon Email Support Expert via a toll-free number (888-857-5157). Our experienced professionals can fix any type of issue in a few minutes.

Solutions to Reset Verizon Mail Password (Known Password)

If you remember your current password then you have to continue to process it. As well as known your login details you can follow the steps below to reset verizon mail password.

Step 1: First of all, you need to open your browser and log in to your Verizon email account.

Step 2: In the next step, you have to navigate to Account Settings from the main menu.

Step 3: After that, you have to open security settings and choose “Change Password”.

Step 4: Input your current password in the field provided.

Step 5: Finally, you will click on the next field and type in a new password for your Verizon mail account.

Once you are confirmed that your password has changed, you can close the browser and log in to your mail account using your new Verizon email password.

Solution to reset the Verizon Mail password (Forgot password)

If you need to reset your password because you do not remember your current mail password, the steps will vary as you will have to verify your identity before changing the password, you will have to reset your Verizon mail password. You can use the ‘Forgot Password’ option:

Step 1: First of all, you will go to the Verizon Mail website and click on ‘Forgot Password’.

Step 2: After that, input your username and choose the recovery method (Mail / Phone).

Step 3: Input on the mobile number associated with your Verizon mail account.

Step 4: Press ‘Yes’ to allow Verizon to send you a verification code.

Step 5: You will type a security verification code in the field provided.

Step 6: Then, press ‘Submit’ and wait for Verizon to confirm the code.

Step 7: In the last, create a new password for your Verizon account by completing the instructions on the screen.

If you encounter any problems while resetting a Verizon email password, you can call a Verizon Email Support Number (888-857-5157) and seek advice from a certified expert to resolve the issue. Experts from Verizon are available 24 * 7 hours, which will help you to fix any problems encountered using Verizon’s email account.

Source: https://sites.google.com/view/verizon-key-settings

#change verizon email password #reset verizon email password #change verizon mail password #reset verizon mail password #change verizon password #reset verizon password

Luis  Rodrigues

Luis Rodrigues

1626194100

AWS Cognito Tutorial| Session Persistence & Change Password - Part III

This is part III of the AWS Cognito tutorial series. Join us in this tutorial as we finish up integration of AWS Cognito and AWS Amplify in our client app and also wire up our forgot password and change password pages.

Here is the ‘Hexal Energy’ starter app for this tutorial:

https://github.com/jspruance/aws-cogn…

AWS Amplify auth documentation:

https://aws-amplify.github.io/docs/js…

AWS Cognito:

https://aws.amazon.com/cognito/

Completed tutorial code:

https://github.com/jspruance/aws-cogn…

Subscribe: https://www.youtube.com/c/CloudPath/featured

#aws

Christa  Stehr

Christa Stehr

1598408880

How To Unite AWS KMS with Serverless Application Model (SAM)

The Basics

AWS KMS is a Key Management Service that let you create Cryptographic keys that you can use to encrypt and decrypt data and also other keys. You can read more about it here.

Important points about Keys

Please note that the customer master keys(CMK) generated can only be used to encrypt small amount of data like passwords, RSA key. You can use AWS KMS CMKs to generate, encrypt, and decrypt data keys. However, AWS KMS does not store, manage, or track your data keys, or perform cryptographic operations with data keys.

You must use and manage data keys outside of AWS KMS. KMS API uses AWS KMS CMK in the encryption operations and they cannot accept more than 4 KB (4096 bytes) of data. To encrypt application data, use the server-side encryption features of an AWS service, or a client-side encryption library, such as the AWS Encryption SDK or the Amazon S3 encryption client.

Scenario

We want to create signup and login forms for a website.

Passwords should be encrypted and stored in DynamoDB database.

What do we need?

  1. KMS key to encrypt and decrypt data
  2. DynamoDB table to store password.
  3. Lambda functions & APIs to process Login and Sign up forms.
  4. Sign up/ Login forms in HTML.

Lets Implement it as Serverless Application Model (SAM)!

Lets first create the Key that we will use to encrypt and decrypt password.

KmsKey:
    Type: AWS::KMS::Key
    Properties: 
      Description: CMK for encrypting and decrypting
      KeyPolicy:
        Version: '2012-10-17'
        Id: key-default-1
        Statement:
        - Sid: Enable IAM User Permissions
          Effect: Allow
          Principal:
            AWS: !Sub arn:aws:iam::${AWS::AccountId}:root
          Action: kms:*
          Resource: '*'
        - Sid: Allow administration of the key
          Effect: Allow
          Principal:
            AWS: !Sub arn:aws:iam::${AWS::AccountId}:user/${KeyAdmin}
          Action:
          - kms:Create*
          - kms:Describe*
          - kms:Enable*
          - kms:List*
          - kms:Put*
          - kms:Update*
          - kms:Revoke*
          - kms:Disable*
          - kms:Get*
          - kms:Delete*
          - kms:ScheduleKeyDeletion
          - kms:CancelKeyDeletion
          Resource: '*'
        - Sid: Allow use of the key
          Effect: Allow
          Principal:
            AWS: !Sub arn:aws:iam::${AWS::AccountId}:user/${KeyUser}
          Action:
          - kms:DescribeKey
          - kms:Encrypt
          - kms:Decrypt
          - kms:ReEncrypt*
          - kms:GenerateDataKey
          - kms:GenerateDataKeyWithoutPlaintext
          Resource: '*'

The important thing in above snippet is the KeyPolicy. KMS requires a Key Administrator and Key User. As a best practice your Key Administrator and Key User should be 2 separate user in your Organisation. We are allowing all permissions to the root users.

So if your key Administrator leaves the organisation, the root user will be able to delete this key. As you can see **KeyAdmin **can manage the key but not use it and KeyUser can only use the key. ${KeyAdmin} and **${KeyUser} **are parameters in the SAM template.

You would be asked to provide values for these parameters during SAM Deploy.

#aws #serverless #aws-sam #aws-key-management-service #aws-certification #aws-api-gateway #tutorial-for-beginners #aws-blogs

Change AOL Password - How To Change AOL Password In Chrome Browser

This is image title
If you can’t sign into an AOL email account, simply because you’ve forgotten the password? and Do you want to know How To Change AOL Password In Chrome Browser? you’re at the right place to seek out the instructions for reset aol password.

If you’ve cleared the cache in your Chrome Browser browser, but still experiencing issues, you’ll have to restore its original settings. this will remove adware, get obviate extensions you didn’t install, and improve overall performance. Restoring your browser’s default settings also will reset chrome browser security settings. A reset may delete other saved info like bookmarks, stored passwords, and your homepage. Confirm what info your chrome browser will eliminate before resetting and confirm to save lots of any info you do not want to lose.

In this article, I’m going to share all the methods for Change AOL Email Password. you ought to try one among them to Reset AOL Password In Chrome Browser by yourself.

How to Solve Forgot AOL Mail Password?

Steps for Change AOL Mail Password-
Before I will be able to share any instructions about the way to Change AOL Mail Password, I want to inform you, you ought to have access to a minimum of one recovery option. So you’ll plow ahead and reset your AOL password.

  • Open an internet browser on your computer like- internet explorer, google chrome, or Mozilla Firefox.
  • Go to aol.com
  • Now click on check-in.
  • Below the username and password box, you’ll see the forget password option. So click thereon.
  • Now, this may ask you for your email address. So you would like to type your email address and click on the continue button.
  • Here you would like to prove that you simply aren’t a robot. So simply accept the captcha code and click on continue again.
  • After proving you’re not the robot, you’ll reach the subsequent screen. Here it’ll invite account verification.

For verifying the account ownership, you’ll plow ahead and choose anybody’s verification method, like- phone, security questions, etc. and verify the account ownership.

Be careful once you are verifying your account. One wrong step can also block your account.

  1. Phone Verification – if you’ll choose phone verification for verifying the account ownership, you’ll get a code on your phone via call or SMS. that you simply need to enter into your computer.

  2. Security questions- this is often the very easy method to verify the account ownership. All you would like to try to just answer the safety questions. Whatever you’ve got found out.

If you’ll verify the account ownership successfully, then you’ll reach the new password window. So you’ll create your password now. But whenever you’re creating the password, confirm you’re making a posh password.

After resetting the password, you’ll plow ahead and check out to login to your AOL account with a replacement password.

Furthermore, if you would like a moment solution for any AOL mail-related all query, you’ll contact our email customer care team. The professionals will assist you with the flowchart to vary your password or add a replacement account. you’re liberal to connect with us 24*7. Share your problem and obtain a reliable solution within a couple of seconds. Are you the one trying to attach AOL Customer Service? Contact us at +1-888-857-5157 and you can also visit our website.

Source: https://sites.google.com/view/recover-change-aol-key/blogs/how-to-change-aol-password-in-chrome-browser

#change aol password in chrome browser #change aol email password in chrome browser #change aol mail password in chrome browser