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(type="email" id="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(href="#password_test") 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(type="password" id="password" name="password" placeholder="your password: MDPdrive2")
    div.container.hide#result_password
        h1 Results
        h2
        ul
    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")