extend layout
block content
    div.container#main
        div.triangle-right
        h1 Do you really think you're safe on the web ?
        label(for="email") Let's begin by check if your email is safe ;)
        input#email(type="email" name="email" placeholder="example : xyz@gmail.com")
        div.trapezoid
    div.container.hide#result_mail
        h1 Results
        p List of your compromised accounts on websites:
        ul
        h2 Let's see what about your
            a  passwords ?
    div.container.hide#password_test
        h1 Do you really think your passwords are safe ?
        label(for="password") Let's see if your password is secure
        input#password(type="password" name="password" placeholder="your password: MDPdrive2")
    div.container.hide#result_password
        h1 Results
        h2
        ul
            li#length MUST contain at least 8 characters (12+ recommended)
            li#uppercase MUST contain at least one uppercase letter
            li#lowercase MUST contain at least one lowercase letter
            li#number MUST contain at least one number
            li#special MUST contain at least one special character (!”#$%&'()*+,-./:;<=>?@[\]^_`{|}~ )
            li#identical MAY NOT contain more than two identical characters in a row
            li#commonly MAY NOT match commonly used password character patterns
        p
            i MAY NOT contain first name, last name, email address mailbox or domain or company name
        img.arrowdown(src="images/arrowdown.png")
    div.container.hide#password_manage
        h1 To make your life easier, use a password manager !
        div.mainflex
            div
                img(src="images/KeePass.png")
                p
                    a(href="https://keepass.info" target="_blank") KeePass
            div
                img(src="images/Dashlane.png")
                p
                    a(href="https://www.dashlane.com" target="_blank") Dashlane
            div
                img(src="images/LastPass.png")
                p
                    a(href="https://www.lastpass.com" target="_blank") LastPass

            div
                img(src="images/1password.png")
                p
                    a(href="https://1password.com" target="_blank") 1password
        h2
            a(href="https://en.wikipedia.org/wiki/Password_manager" target="_blank") Learn more about password managers
        img.arrowdown(src="images/arrowdown.png")
    div.container.hide#security_2AF
        h1 For more security,
        h2 2AF should be used as much as possible
            p it's one of the best protection you can get !
        h2
            a(href="https://en.wikipedia.org/wiki/Multi-factor_authentication", target="_blank") Learn more about
        img.arrowdown(src="images/arrowdown.png")
    div.container.hide#cookie
        h1 Pay attention to the cookie on the sites ! Don't accept them for nothing
        h2#cookie_text Cookie :
        h2 Before : Formerly a sweet little cake, which was accepted with pleasure.
        h2 Today: a small, salty computer file, which must be vehemently refused
    script(src="/js/main.js")