misc/passmate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make instructions change depending on index option.

Browse Source 
Fixes #2
This commit is contained in:
Ian Gulliver
2018-12-05 06:01:02 +00:00
parent 05997919ed
commit 46a9d9a0fe
2 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
passmate.css
View File

@@ -270,6 +270,18 @@ overview,product {
margin-bottom: 1em;
}
blurb.index-letters,blurb.index-none {
display: none;
}
product.index-letters blurb.index-letters {
display: block;
}
product.index-none blurb.index-none {
display: block;
}
owner {
display: block;
width: 11em;

16
passmate.js
View File

@@ -160,7 +160,8 @@ class PassMate {
this.addElement('blurb', container, 'PassMate makes it easier to use unique, strong passwords for each website. This book is generated just for you, with high-security passwords that are different for each person. The passwords are never sent to PassMate.');
this.addElement('h2', container, 'Creating a new account');
this.addElement('blurb', container, 'When a website asks you to choose a password, find the page in this book by the first letter of the website name, then choose the next unused password on the page. Write down the website name and username next to your new password. If the website requires symbols in the password, circle the ?! at the end of the password, and include them when you type it in.');
this.addElement('blurb', container, 'When a website asks you to choose a password, find the page in this book by the first letter of the website name, then choose the next unused password on the page. Write down the website name and username next to your new password. If the website requires symbols in the password, circle the ?! at the end of the password, and include them when you type it in.', ['index-letters']);
this.addElement('blurb', container, 'When a website asks you to choose a password, find the next unused password in the book. Write down the website name and username next to your new password. If the website requires symbols in the password, circle the ?! at the end of the password, and include them when you type it in.', ['index-none']);
this.addElement('blurb', container, 'Your web browser may offer to save the password when you type it in. It\'s fine to let it do that. Those passwords are stored securely, and making it easier to use secure passwords makes you more likely to use them everywhere.');
}
@@ -169,8 +170,10 @@ class PassMate {
this.addElement('h2', container, 'Logging in');
this.addElement('blurb', container, 'If your web browser has remembered your secure password from before and offers to enter it for you, let it do so. If not, read on.');
this.addElement('blurb', container, 'It\'s not possible for most people to memorize secure, unique passwords for every website they use. Use this book as a reference whenever you log into a website, finding the page by the website name\'s first letter.');
this.addElement('blurb', container, 'If there\'s no entry for the website because you used a common password for your account, pick the next unused password from the page in this book, and use the website\'s password change function to switch to the new, secure password. Remember to write down the website name and username once the change is successful!');
this.addElement('blurb', container, 'It\'s not possible for most people to memorize secure, unique passwords for every website they use. Use this book as a reference whenever you log into a website, finding the page by the website name\'s first letter.', ['index-letters']);
this.addElement('blurb', container, 'It\'s not possible for most people to memorize secure, unique passwords for every website they use. Use this book as a reference whenever you log into a website.', ['index-none']);
this.addElement('blurb', container, 'If there\'s no entry for the website because you used a common password for your account, pick the next unused password from the page in this book, and use the website\'s password change function to switch to the new, secure password. Remember to write down the website name and username once the change is successful!', ['index-letters']);
this.addElement('blurb', container, 'If there\'s no entry for the website because you used a common password for your account, pick the next unused password from this book, and use the website\'s password change function to switch to the new, secure password. Remember to write down the website name and username once the change is successful!', ['index-none']);
this.addElement('h2', container, 'Reprinting this book');
this.addElement('blurb', container, 'Keep a copy of the recovery code below somewhere safe. If you ever lose this book, or if you\'d like to print a new copy with the same passwords, visit passmate.io and enter the recovery code.');
@@ -396,11 +399,16 @@ class PassMate {
return arr;
}
addElement(tagName, container, text) {
addElement(tagName, container, text, classes) {
let elem = document.createElement(tagName);
if (text) {
elem.innerText = text;
}
if (classes) {
for (let cl of classes) {
elem.classList.add(cl);
}
}
container.appendChild(elem);
return elem;
}