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
        h2
        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 MUST contain at least 8 characters (12+ recommended)
            li MUST contain at least one uppercase letter
            li MUST contain at least one lowercase letter
            li MUST contain at least one number
            li MUST contain at least one special character (!”#$%&'()*+,-./:;<=>?@[\]^_`{|}~ )
            li MAY NOT contain more than two identical characters in a row
            li MAY NOT contain first name, last name, email address mailbox or domain, company name or commonly used passwords
            li MAY NOT match commonly used password character patterns
    div.container.hide#password_manage
        h1 To make your life easier, use a password manager !
        h2
            a(href="https://fr.wikipedia.org/wiki/Double_authentification") Learn more
    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")