heuzef
/
lesspass
mirror of https://github.com/lesspass/lesspass.git
1
0
Fork 0
Code Issues 0 Releases 67 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
275 Commits
17 Branches
516 MiB
 
 
 
 
 
 
Tree: 87cfcda568
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '87cfcda568'
${ noResults }
lesspass/index.html

376 lines
14 KiB
Raw Blame History 

  1. <!DOCTYPE html>

  2. <html>

  3. <head>

  4.   <meta charset="utf-8">

  5.   <title>LessPass</title>

  6.   <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">

  7.   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

  8.   <link rel="stylesheet" href="dist/lesspass.min.css">

  9.   <link rel="manifest" href="dist/manifest.json">

  10.   <link rel="manifest" href="dist/manifest.json">

  11.   <meta name="mobile-web-app-capable" content="yes">

  12.   <meta name="theme-color" content="#555555">

  13.   <meta name="application-name" content="LessPass">

  14.   <link rel="apple-touch-icon" sizes="57x57" href="dist/apple-touch-icon-57x57.png">

  15.   <link rel="apple-touch-icon" sizes="60x60" href="dist/apple-touch-icon-60x60.png">

  16.   <link rel="apple-touch-icon" sizes="72x72" href="dist/apple-touch-icon-72x72.png">

  17.   <link rel="apple-touch-icon" sizes="76x76" href="dist/apple-touch-icon-76x76.png">

  18.   <link rel="apple-touch-icon" sizes="114x114" href="dist/apple-touch-icon-114x114.png">

  19.   <link rel="apple-touch-icon" sizes="120x120" href="dist/apple-touch-icon-120x120.png">

  20.   <link rel="apple-touch-icon" sizes="144x144" href="dist/apple-touch-icon-144x144.png">

  21.   <link rel="apple-touch-icon" sizes="152x152" href="dist/apple-touch-icon-152x152.png">

  22.   <link rel="apple-touch-icon" sizes="180x180" href="dist/apple-touch-icon-180x180.png">

  23.   <meta name="apple-mobile-web-app-capable" content="yes">

  24.   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

  25.   <meta name="apple-mobile-web-app-title" content="LessPass">

  26.   <link rel="icon" type="image/png" sizes="228x228" href="dist/coast-228x228.png">

  27.   <link rel="yandex-tableau-widget" href="dist/yandex-browser-manifest.json">

  28.   <meta name="msapplication-TileColor" content="#555555">

  29.   <meta name="msapplication-TileImage" content="dist/mstile-144x144.png">

  30.   <meta name="msapplication-config" content="dist/browserconfig.xml">

  31.   <link rel="icon" type="image/png" sizes="32x32" href="dist/favicon-32x32.png">

  32.   <link rel="icon" type="image/png" sizes="192x192" href="dist/android-chrome-192x192.png">

  33.   <link rel="icon" type="image/png" sizes="16x16" href="dist/favicon-16x16.png">

  34.   <link rel="shortcut icon" href="dist/favicon.ico">

  35.   <link rel="apple-touch-startup-image"

  36.         media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"

  37.         href="dist/apple-touch-startup-image-320x460.png">

  38.   <link rel="apple-touch-startup-image"

  39.         media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"

  40.         href="dist/apple-touch-startup-image-640x920.png">

  41.   <link rel="apple-touch-startup-image"

  42.         media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"

  43.         href="dist/apple-touch-startup-image-640x1096.png">

  44.   <link rel="apple-touch-startup-image"

  45.         media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"

  46.         href="dist/apple-touch-startup-image-750x1294.png">

  47.   <link rel="apple-touch-startup-image"

  48.         media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)"

  49.         href="dist/apple-touch-startup-image-1182x2208.png">

  50.   <link rel="apple-touch-startup-image"

  51.         media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)"

  52.         href="dist/apple-touch-startup-image-1242x2148.png">

  53.   <link rel="apple-touch-startup-image"

  54.         media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)"

  55.         href="dist/apple-touch-startup-image-748x1024.png">

  56.   <link rel="apple-touch-startup-image"

  57.         media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)"

  58.         href="dist/apple-touch-startup-image-768x1004.png">

  59.   <link rel="apple-touch-startup-image"

  60.         media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"

  61.         href="dist/apple-touch-startup-image-1496x2048.png">

  62.   <link rel="apple-touch-startup-image"

  63.         media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"

  64.         href="dist/apple-touch-startup-image-1536x2008.png">

  65.   <style>

  66.     * {

  67.       border-radius: 0 !important;

  68.     }

  69. 

  70.     html, body {

  71.       height: 100%;

  72.     }

  73. 

  74.     body {

  75.       background-color: #fafafa;

  76.     }

  77. 

  78.     #fold {

  79.       background-size: cover;

  80.       background: #3398eb url(dist/double-blue-cover.png) no-repeat center center;

  81.       min-height: 100%;

  82.     }

  83. 

  84.     #fold a.navbar-brand {

  85.       color: white;

  86.       line-height: 60px;

  87.       font-size: 2.5rem;

  88.     }

  89. 

  90.     #fold a.icon-download {

  91.       color: white;

  92.       font-size: 2.5rem;

  93.       text-decoration: none;

  94.       margin-left: 1.5rem;

  95.     }

  96. 

  97.     @media (min-width: 544px) {

  98.       #fold .hero {

  99.         padding-top: 7rem;

  100.       }

  101.     }

  102. 

  103.     #features {

  104.       background-color: #024379;

  105.       color: white;

  106.       padding-top: 7rem;

  107.       padding-bottom: 7rem;

  108.     }

  109. 

  110.     @media (min-width: 544px) {

  111.       .feature p {

  112.         min-height: 120px;

  113.       }

  114.     }

  115. 

  116.     .air {

  117.       padding-top: 7rem;

  118.       padding-bottom: 7rem;

  119.     }

  120. 

  121.     @media (min-width: 544px) {

  122.       #features {

  123.         padding-top: 14rem;

  124.         padding-bottom: 7rem;

  125.       }

  126.     }

  127. 

  128.     #supported-platforms .card {

  129.       border: none;

  130.       background: none;

  131.     }

  132. 

  133.     .text-black {

  134.       color: #292b2c;

  135.     }

  136.   </style>

  137. </head>

  138. <body>

  139. <section id="fold">

  140.   <div class="container hidden-sm-down py-sm-3">

  141.     <a class="navbar-brand" href="https://lesspass.com">

  142.       <img src="dist/LessPass-icon-white.svg" width="60" height="60" class="d-inline-block align-top"

  143.            alt="LessPass">

  144.       LessPass

  145.     </a>

  146.     <div class="float-right">

  147.       <h1 class="d-inline">

  148.         <a class="icon-download" title="Chrome extension"

  149.            href="https://chrome.google.com/webstore/detail/lesspass/lcmbpoclaodbgkbjafnkbbinogcbnjih">

  150.           <i class="fa fa-chrome" aria-hidden="true"></i>

  151.           <span class="sr-only">Chrome extension</span>

  152.         </a>

  153.       </h1>

  154.       <h1 class="d-inline">

  155.         <a class="icon-download" title="Firefox extension"

  156.            href="https://addons.mozilla.org/en-US/firefox/addon/lesspass/">

  157.           <i class="fa fa-firefox" aria-hidden="true"></i>

  158.           <span class="sr-only">Firefox extension</span>

  159.         </a>

  160.       </h1>

  161.       <h1 class="d-inline">

  162.         <a class="icon-download" title="Android"

  163.            href="https://play.google.com/store/apps/details?id=com.lesspass.android&hl=en">

  164.           <i class="fa fa-android" aria-hidden="true"></i>

  165.           <span class="sr-only">Android</span>

  166.         </a>

  167.       </h1>

  168.       <h1 class="d-inline">

  169.         <a class="icon-download" title="Github"

  170.            href="https://github.com/lesspass/lesspass">

  171.           <i class="fa fa-github" aria-hidden="true"></i>

  172.           <span class="sr-only">Github</span>

  173.         </a>

  174.       </h1>

  175.     </div>

  176.   </div>

  177.   <div class="container hero">

  178.     <div class="row align-items-center">

  179.       <div class="col-5">

  180.         <div class="lesspass--unbordered lesspass--full-width">

  181.           <div id="lesspass"></div>

  182.         </div>

  183.         <div class="text-white">

  184.           <small>

  185.             <i class="fa fa-shield" aria-hidden="true"></i> For more security use browser extensions

  186.           </small>

  187.         </div>

  188.       </div>

  189.       <div class="col-5 ml-auto text-white">

  190.         <h2>Stateless Password Manager</h2>

  191.         <p class="lead">

  192.           Stop wasting your time synchronizing your encrypted vault. Remember one master password to

  193.           access your passwords, anywhere, anytime. No sync needed.

  194.         </p>

  195.         <p>

  196.           <a href="https://blog.lesspass.com/lesspass-how-it-works-dde742dd18a4#.vbgschksh"

  197.              class="btn btn-secondary">

  198.             How does it work?

  199.           </a>

  200.         </p>

  201.       </div>

  202.     </div>

  203.   </div>

  204. </section>

  205. <div id="features">

  206.   <div class="container">

  207.     <div class="row align-items-center justify-content-center">

  208.       <div class="col-12 col-sm-6">

  209.         <h2>Compute your password offline</h2>

  210.         <p class="lead">

  211.           LessPass computes a unique password using a site, login and a master password.

  212.           You don't need to sync a password vault across every device because LessPass works offline!

  213.         </p>

  214.       </div>

  215.       <div class="col-12 col-sm-6">

  216.         <img src="dist/HowItWorks.png" class="img-fluid" alt="LessPass demo">

  217.       </div>

  218.     </div>

  219.     <div class="row air">

  220.       <div class="col-12 col-sm-4 py-5 feature">

  221.         <p class="lead">

  222.           Manage complex passwords with LessPass options (only numbers, length, etc...)

  223.         </p>

  224.         <img src="dist/options.png" class="img-fluid my-1" alt="LessPass options">

  225.       </div>

  226.       <div class="col-12 col-sm-4 py-5 feature">

  227.         <p class="lead">

  228.           Change generated password without changing your master password. Increment the counter field in your

  229.           options.

  230.         </p>

  231.         <img src="dist/counter.png" class="img-fluid my-1" alt="LessPass counter">

  232.       </div>

  233.       <div class="col-12 col-sm-4 py-5 feature">

  234.         <p class="lead">

  235.           Detect an error in your master password without revealing it. Memorize your fingerprint:

  236.           <br>

  237.           "<i>I like to eat in this luxury liner</i>".

  238.         </p>

  239.         <img src="dist/fingerprint.png" class="img-fluid my-1" alt="LessPass fingerprint">

  240.       </div>

  241.     </div>

  242.     <div class="row align-items-center justify-content-center">

  243.       <div class="col-12 col-sm-5">

  244.         <h2>Use LessPass Database for complex passwords</h2>

  245.         <p class="lead">

  246.           We all know sites with stupid password rules.

  247.           For this kind of site, we created a "connected" version to memorize the options.

  248.           Sign in, load or save complex password profiles on LessPass Database.

  249.         </p>

  250.       </div>

  251.       <div class="col-12 col-sm-7">

  252.         <img src="dist/LessPassDatabase.png" class="img-fluid" alt="LessPass Database">

  253.       </div>

  254.     </div>

  255.   </div>

  256. </div>

  257. <div style="background-color: #F9F9F9;">

  258.   <div class="container">

  259.     <div class="row air">

  260.       <div class="col-12 col-sm-9">

  261.         <h2>Can you see the source code<br>of your current password manager?</h2>

  262.         <p class="lead">

  263.           To us, a password manager is only as secure as it is transparent.

  264.           That's why LessPass is fully open source. Don't just take our word for it,

  265.           take a peek under the hood and see for yourself!

  266.           <a href="https://github.com/lesspass/lesspass">View on GitHub</a>

  267.         </p>

  268.         <p>

  269.           <a href="https://github.com/lesspass/lesspass">

  270.             <img src="dist/stars.png" alt="">

  271.           </a>

  272.         </p>

  273.       </div>

  274.     </div>

  275.     <div id="supported-platforms" class="row">

  276.       <div class="col-12 col-sm-12">

  277.         <h2>Supported Platforms</h2>

  278.         <div class="card-deck text-center justify-content-center">

  279.           <div class="card">

  280.             <a class="card-block text-success"

  281.                href="https://play.google.com/store/apps/details?id=com.lesspass.android&hl=en">

  282.               <div class="card-title"><i class="fa fa-fw fa-3x fa-android" aria-hidden="true"></i></div>

  283.               <div class="card-text">

  284.                 Android

  285.               </div>

  286.             </a>

  287.           </div>

  288.           <div class="card">

  289.             <a class="card-block"

  290.                href="https://chrome.google.com/webstore/detail/lesspass/lcmbpoclaodbgkbjafnkbbinogcbnjih">

  291.               <div class="card-title"><i class="fa fa-fw fa-3x fa-chrome" aria-hidden="true"></i></div>

  292.               <div class="card-text">

  293.                 Chrome

  294.               </div>

  295.             </a>

  296.           </div>

  297.           <div class="card">

  298.             <a class="card-block" href="https://github.com/lesspass/cozy#install">

  299.               <div class="card-title"><i class="fa fa-fw fa-3x fa-cloud text-info" aria-hidden="true"></i></div>

  300.               <div class="card-text">

  301.                 Cozy Cloud

  302.               </div>

  303.             </a>

  304.           </div>

  305.           <div class="card">

  306.             <a class="card-block text-warning" href="https://addons.mozilla.org/en-US/firefox/addon/lesspass/">

  307.               <div class="card-title"><i class="fa fa-fw fa-3x fa-firefox" aria-hidden="true"></i></div>

  308.               <div class="card-text">

  309.                 Firefox

  310.               </div>

  311.             </a>

  312.           </div>

  313.           <div class="card">

  314.             <a class="card-block text-black" href="https://twitter.com/snapcraftio/status/837091667693948929">

  315.               <div class="card-title"><i class="fa fa-fw fa-3x fa-linux" aria-hidden="true"></i></div>

  316.               <div class="card-text">

  317.                 Snapcraft

  318.               </div>

  319.             </a>

  320.           </div>

  321.           <div class="card">

  322.             <a class="card-block text-muted" href="https://github.com/lesspass/cli#install">

  323.               <div class="card-title"><i class="fa fa-fw fa-3x fa-terminal" aria-hidden="true"></i></div>

  324.               <div class="card-text">

  325.                 Terminal

  326.               </div>

  327.             </a>

  328.           </div>

  329. 

  330.           <div class="card">

  331.             <a class="card-block text-black" href="https://github.com/lesspass/lesspass/issues/">

  332.               <div class="card-title"><i class="fa fa-fw fa-3x fa-github" aria-hidden="true"></i></div>

  333.               <div class="card-text">

  334.                 Contribute

  335.               </div>

  336.             </a>

  337.           </div>

  338.         </div>

  339.       </div>

  340. 

  341.     </div>

  342.     <div class="row air">

  343.       <div class="col-12 col-sm-9">

  344.         <h2>You also can self host your LessPass Database</h2>

  345.         <p class="lead">

  346.           Self host your LessPass Database with Docker on

  347.           <a href="https://github.com/lesspass/lesspass/#self-host-your-lesspass-database">

  348.             your server (<i class="fa fa-server" aria-hidden="true"></i>)

  349.           </a>

  350.         </p>

  351.       </div>

  352.     </div>

  353.   </div>

  354. </div>

  355. <div style="background-color: #F9F9F9;">

  356.   <div class="container air">

  357.     <div class="row">

  358.       <div class="col-12">

  359.         <hr>

  360.         <small>

  361.           Released under the <a href="https://github.com/lesspass/lesspass/blob/master/LICENSE">GPL v3

  362.           license</a><br>

  363.           Copyright &copy; 2015

  364.           <script>new Date().getFullYear() > 2010 && document.write("- " + new Date().getFullYear());</script>

  365.           <a href="https://twitter.com/guillaume20100">Guillaume Vincent</a>

  366.           &

  367.           <a href="https://twitter.com/edouard_lopez">Édouard Lopez</a>.

  368.         </small>

  369.       </div>

  370.     </div>

  371.   </div>

  372. </div>

  373. <script src="dist/lesspass.min.js"></script>

  374. </body>

  375. </html>