heuzef
/
lesspass
kopie van https://github.com/lesspass/lesspass.git

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>LessPass</title>
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="dist/lesspass.min.css">
    <link rel="manifest" href="dist/manifest.json">
    <link rel="manifest" href="dist/manifest.json">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#555555">
    <meta name="application-name" content="LessPass">
    <link rel="apple-touch-icon" sizes="57x57" href="dist/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="dist/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="dist/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="dist/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="dist/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="dist/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="dist/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="dist/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="dist/apple-touch-icon-180x180.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="LessPass">
    <link rel="icon" type="image/png" sizes="228x228" href="dist/coast-228x228.png">
    <link rel="yandex-tableau-widget" href="dist/yandex-browser-manifest.json">
    <meta name="msapplication-TileColor" content="#555555">
    <meta name="msapplication-TileImage" content="dist/mstile-144x144.png">
    <meta name="msapplication-config" content="dist/browserconfig.xml">
    <link rel="icon" type="image/png" sizes="32x32" href="dist/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="192x192" href="dist/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="16x16" href="dist/favicon-16x16.png">
    <link rel="shortcut icon" href="dist/favicon.ico">
    <link rel="apple-touch-startup-image"
          media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"
          href="dist/apple-touch-startup-image-320x460.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
          href="dist/apple-touch-startup-image-640x920.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
          href="dist/apple-touch-startup-image-640x1096.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
          href="dist/apple-touch-startup-image-750x1294.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)"
          href="dist/apple-touch-startup-image-1182x2208.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)"
          href="dist/apple-touch-startup-image-1242x2148.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)"
          href="dist/apple-touch-startup-image-748x1024.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)"
          href="dist/apple-touch-startup-image-768x1004.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"
          href="dist/apple-touch-startup-image-1496x2048.png">
    <link rel="apple-touch-startup-image"
          media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"
          href="dist/apple-touch-startup-image-1536x2008.png">
    <style>
        * {
            border-radius: 0 !important;
        }

        html, body {
            height: 100%;
        }

        body {
            background-color: #fafafa;
        }

        #fold {
            background-size: cover;
            background: #3398eb url(dist/double-blue-cover.png) no-repeat center center;
            min-height: 100%;
        }

        #fold a.navbar-brand {
            color: white;
            line-height: 60px;
            font-size: 2.5rem;
        }

        #fold a.icon-download {
            color: white;
            font-size: 2.5rem;
            text-decoration: none;
            margin-left: 1.5rem;
        }

        @media (min-width: 544px) {
            #fold .hero {
                padding-top: 7rem;
            }
        }

        #features {
            background-color: #024379;
            color: white;
            padding-top: 7rem;
            padding-bottom: 7rem;
        }

        @media (min-width: 544px) {
            .feature p {
                min-height: 120px;
            }
        }

        .air {
            padding-top: 7rem;
            padding-bottom: 7rem;
        }

        @media (min-width: 544px) {
            #features {
                padding-top: 14rem;
                padding-bottom: 7rem;
            }
        }
    </style>
</head>
<body>
<section id="fold">
    <div class="container hidden-sm-down py-sm-3">
        <a class="navbar-brand" href="https://lesspass.com">
            <img src="dist/LessPass-icon-white.svg" width="60" height="60" class="d-inline-block align-top"
                 alt="LessPass">
            LessPass
        </a>
        <div class="float-right">
            <h1 class="d-inline">
                <a class="icon-download"
                   href="https://chrome.google.com/webstore/detail/lesspass/lcmbpoclaodbgkbjafnkbbinogcbnjih">
                    <i class="fa fa-chrome" aria-hidden="true"></i>
                </a>
            </h1>
            <h1 class="d-inline">
                <a class="icon-download" href="https://addons.mozilla.org/en-US/firefox/addon/lesspass/">
                    <i class="fa fa-firefox" aria-hidden="true"></i>
                </a>
            </h1>
            <h1 class="d-inline">
                <a class="icon-download"
                   href="https://play.google.com/store/apps/details?id=com.lesspass.cordova&hl=en">
                    <i class="fa fa-android" aria-hidden="true"></i>
                </a>
            </h1>
        </div>
    </div>
    <div class="container hero">
        <div class="row align-items-center justify-content-between">
            <div class="col-12 p-0 mb-5 mt-md-5 col-md-6 push-md-6 col-lg-5 offset-lg-1">
                <div id="lesspass"></div>
                <div class="text-center text-sm-left text-white">
                    <small>
                        <i class="fa fa-shield" aria-hidden="true"></i> For more security use browser extensions
                    </small>
                </div>
            </div>
            <div class="col-12 text-white col-md-6 pull-md-6">
                <h2>Stateless Password Manager</h2>
                <p class="lead">
                    Stop wasting your time synchronizing your encrypted vault. Remember one master password to
                    access your passwords, anywhere, anytime. No sync needed.
                </p>
                <p>
                    <a href="https://blog.lesspass.com/lesspass-how-it-works-dde742dd18a4#.vbgschksh"
                       class="btn btn-secondary">
                        How does it works?
                    </a>
                </p>
            </div>
        </div>
    </div>
</section>
<div id="features">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-12 col-sm-5">
                <h2>Manage your passwords directly from your browser</h2>
                <p class="lead">
                    LessPass derives a site, a login and a master password to generate a unique password.
                    You don't need to sync your password vault across every device.
                </p>
            </div>
            <div class="col-12 col-sm-5">
                <img src="dist/demo.gif" class="img-fluid" alt="LessPass demo">
            </div>
        </div>
        <div class="row air">
            <div class="col-12 col-sm-4 py-5 feature">
                <p class="lead">
                    Manage complex passwords with LessPass options (only numbers, length, etc...)
                </p>
                <img src="dist/options.png" class="img-fluid my-1" alt="LessPass options">
            </div>
            <div class="col-12 col-sm-4 py-5 feature">
                <p class="lead">
                    Change generated password without changing your master password. Increment counter field in your
                    options.
                </p>
                <img src="dist/counter.png" class="img-fluid my-1" alt="LessPass counter">
            </div>
            <div class="col-12 col-sm-4 py-5 feature">
                <p class="lead">
                    Detect an error in your master password without revealing it. Memorize your fingerprint:
                    <br>
                    "<i>I like to eat in this luxury liner</i>".
                </p>
                <img src="dist/fingerprint.png" class="img-fluid my-1" alt="LessPass fingerprint">
            </div>
        </div>
        <div class="row align-items-center justify-content-center">
            <div class="col-12 col-sm-5">
                <h2>Use LessPass Database for complex passwords</h2>
                <p class="lead">
                    We all know sites with stupid password rules.
                    For this kind of site, we created a "connected" version not to memorize the options.
                    Sign in, load or save complex password profiles on LessPass Database.
                </p>
            </div>
            <div class="col-12 col-sm-5">
                <img src="dist/LessPassDatabase.png" class="img-fluid" alt="LessPass Database">
            </div>
        </div>
    </div>
</div>
<div style="background-color: #F9F9F9;">
    <div class="container">
        <div class="row air">
            <div class="col-12 col-sm-9">
                <h2>Can you see the source code<br>of your current password manager?</h2>
                <p class="lead">
                    For us the security of a password manager goes through its transparency.
                    LessPass is open source, and you can see how does it works.
                    You do not need to take our word for it. You can go see under the hood.
                    <a href="https://github.com/lesspass/lesspass">See on github</a>
                </p>
                <p>
                    <a href="https://github.com/lesspass/lesspass">
                        <img src="dist/stars.png" alt="">
                    </a>
                </p>
            </div>
        </div>
        <div class="row">
            <div class="col-12 col-sm-9">
                <h2>You can use LessPass on:</h2>
                <ul class="list-unstyled lead">
                    <li>
                        <a href="https://chrome.google.com/webstore/detail/lesspass/lcmbpoclaodbgkbjafnkbbinogcbnjih">
                            Chrome extension (<i class="fa fa-chrome" aria-hidden="true"></i>)
                        </a>
                    </li>
                    <li>
                        <a href="https://addons.mozilla.org/en-US/firefox/addon/lesspass/">
                            Firefox extension (<i class="fa fa-firefox" aria-hidden="true"></i>)
                        </a>
                    </li>
                    <li>
                        <a href="https://play.google.com/store/apps/details?id=com.lesspass.cordova&hl=en">
                            Android (<i class="fa fa-android" aria-hidden="true"></i>)
                        </a>
                    </li>
                    <li>
                        <a href="https://github.com/lesspass/cli#install">
                            cli (<i class="fa fa-terminal" aria-hidden="true"></i>)
                        </a>
                    </li>
                    <li>
                        <a href="https://github.com/lesspass/cozy#install">
                            Cozy Cloud
                        </a>
                    </li>
                    <li>
                        soon on Snapcraft (<i class="fa fa-linux" aria-hidden="true"></i>)
                    </li>
                </ul>
            </div>
        </div>
        <div class="row air">
            <div class="col-12 col-sm-9">
                <h2>You also can self host your LessPass Database</h2>
                <p class="lead">
                    Self host your LessPass Database with Docker on
                    <a href="https://github.com/lesspass/lesspass/#self-host-your-lesspass-database">
                        your server (<i class="fa fa-server" aria-hidden="true"></i>)
                    </a>
                </p>
            </div>
        </div>
    </div>
</div>
<div style="background-color: #F9F9F9;">
    <div class="container air">
        <div class="row">
            <div class="col-12">
                <hr>
                <small>
                    Released under the <a href="https://github.com/lesspass/lesspass/blob/master/LICENSE">GPL v3 license</a><br>
                    Copyright &copy; 2015
                    <script>new Date().getFullYear() > 2010 && document.write("-" + new Date().getFullYear());</script>
                    <a href="https://twitter.com/guillaume20100">Guillaume Vincent</a>
                </small>
            </div>
        </div>
    </div>
</div>
<script src="dist/lesspass.min.js"></script>
</body>
</html>