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;
        }

        #fold .hero {
            color: white;
        }

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

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

        .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 col-md-6 hidden-sm-down">
                <p>No Sync &nbsp; - &nbsp; Open Source &nbsp; - &nbsp; Free</p>
                <h1>Next Gen Password Manager</h1>
                <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 class="col-12 col-md-5 p-0 px-sm-3">
                <div id="lesspass"></div>
                <div class="text-center text-sm-left">
                    <small>
                        <i class="fa fa-shield" aria-hidden="true"></i> For more security use browser extensions
                    </small>
                </div>
            </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">
                <img src="dist/options.png" class="img-fluid my-1" alt="LessPass options">
                <p>
                    Manage complex passwords with LessPass options (only numbers, length, etc...)
                </p>
            </div>
            <div class="col-12 col-sm-4 py-5">
                <img src="dist/counter.png" class="img-fluid my-1" alt="LessPass counter">
                <p>
                    Change generated password without changing your master password. Increment counter field in your
                    options.
                </p>
            </div>
            <div class="col-12 col-sm-4 py-5">
                <img src="dist/fingerprint.png" class="img-fluid my-1" alt="LessPass fingerprint">
                <p>
                    Detect an error in your master password without revealing it. Memorize your fingerprint ("<i>I like
                    to eat in this luxury liner</i>").
                </p>
            </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 to not memorize the options.
                    Sign in, load or save complex password 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">
                <small>
                    Copyright LessPass <br>
                    Created by <a href="https://twitter.com/guillaume20100">Guillaume Vincent</a>
                </small>
            </div>
        </div>
    </div>
</div>
<script src="dist/lesspass.min.js"></script>
</body>
</html>