2015-05-10 14:38:17 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2019-01-01 13:37:21 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
2015-05-10 14:38:17 +00:00
< title > Secure Password< / title >
2018-12-30 21:02:17 +00:00
<!-- Load app script early to prevent blank HTML without styling -->
< script src = "assets/bundle.js" > < / script >
2015-05-10 14:38:17 +00:00
< / head >
< body >
2019-01-01 13:37:21 +00:00
< nav class = "navbar navbar-expand-lg navbar-light bg-light" >
< a class = "navbar-brand" href = "#" > Secure Password< / a >
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarSupportedContent" aria-controls = "navbarSupportedContent" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarSupportedContent" >
< ul class = "navbar-nav mr-auto" >
< li class = "nav-item" >
< a class = "nav-link" href = "https://github.com/Luzifer/password#via-api" > API Documentation< / a >
< / li >
< / ul >
< ul class = "navbar-nav" >
< li class = "nav-item" >
< button type = "button" class = "btn btn-default navbar-btn" data-toggle = "modal" data-target = "#settingsModal" >
< i class = "fas fa-cog" aria-hidden = "true" > < / i > Settings
< / button >
< / li >
< / ul >
2015-05-10 14:38:17 +00:00
< / div >
< / nav >
2019-01-01 13:37:21 +00:00
< div class = "container mt-4" >
< div class = "row justify-content-md-center" >
< div class = "col-xs-12 col-sm-8 col-md-6" >
2015-05-10 14:38:17 +00:00
< div class = "jumbotron" >
2019-01-01 13:37:21 +00:00
< p class = "lead center" >
2015-05-10 14:38:17 +00:00
I will generate a new secure password every 30 seconds. Just click the password to keep the current one.
< / p >
< / div >
2019-01-01 13:37:21 +00:00
< div class = "card mb-3" >
< div class = "card-header" >
2015-05-10 14:38:17 +00:00
Your password
< / div >
2019-01-01 13:37:21 +00:00
< div class = "card-body" >
2015-05-10 14:38:17 +00:00
< div class = "form-group" >
< input class = "form-control center" id = "focusedInput" type = "text" value = "..." >
< / div >
< / div >
2019-01-01 13:37:21 +00:00
< div class = "card-footer" >
2015-05-10 14:38:17 +00:00
< div class = "progress" >
< div class = "progress-bar" style = "width: 100%;" > < / div >
< / div >
< / div >
< / div >
2019-01-01 13:37:21 +00:00
< div class = "card" >
< div class = "card-header" >
2015-05-10 14:38:17 +00:00
FAQ
< / div >
2019-01-01 13:37:21 +00:00
< div class = "card-body" >
2015-05-10 14:38:17 +00:00
< ul >
< li > < strong > Do you store my password?< / strong > < br >
You decide which one to take and we will not store any of the generated passwords. That way you can be sure only you know which password you chose.
< / li >
< li > < strong > How secure are these passwords?< / strong > < br >
All passwords are checked against a set of rules to ensure they does not contain patterns which would make it easy for programs to guess the password.
< / li >
< li > < strong > Can I read the source code?< / strong > < br >
Of course you can. It's published on < a href = "https://github.com/Luzifer/password" > GitHub< / a > together with a test suite to ensure the passwords are safe.
< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
2019-01-01 13:37:21 +00:00
< div class = "modal" id = "settingsModal" role = "dialog" >
< div class = "modal-dialog" role = "document" >
2015-05-10 14:38:17 +00:00
< div class = "modal-content" >
< div class = "modal-header" >
< h4 class = "modal-title" > Settings< / h4 >
2019-01-01 13:37:21 +00:00
< button type = "button" class = "close" data-dismiss = "modal" aria-hidden = "true" > × < / button >
2015-05-10 14:38:17 +00:00
< / div >
< div class = "modal-body" >
< div class = "form-group" >
< label for = "passwordLengthOption" class = "control-label" > Password length:< / label >
< input type = "number" class = "form-control" value = "20" id = "passwordLengthOption" >
< / div >
< div class = "form-group" >
< label >
< input type = "checkbox" id = "useSpecialOption" > Use special characters
< / label >
< / div >
2017-10-31 11:12:51 +00:00
< div class = "form-group" >
< label >
< input type = "checkbox" id = "useXKCDOption" > Use < a href = "https://xkcd.com/936/" target = "_blank" > XKCD style passwords< / a >
< / label >
< / div >
2015-05-10 14:38:17 +00:00
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
< button type = "button" class = "btn btn-primary" id = "optionSave" > Save changes< / button >
< / div >
< / div >
< / div >
< / div >
< / body >
< / html >
