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

Label input fields. Explicitly set colors and charset.

Browse Source 
Issue #10
This commit is contained in:
Ian Gulliver
2018-12-02 06:35:05 +00:00
parent c6e642e93a
commit 3a17bb8338
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@@ -3,11 +3,12 @@
<head>
<title>PassMate</title>
<meta name="Description" content="Generate secure, unique password books to print at home">
<meta charset="UTF-8">
<meta name="description" content="Generate secure, unique password books to print at home">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="passmate.css">
<script src="passmate.js" async="true"></script>
<script src="passmate.js" async></script>
</head>
<body>

5
passmate.css
View File

@@ -40,13 +40,16 @@ body {
font-family: 'proxima-nova';
font-weight: 400;
height: 100%;
color: black;
background-color: white;
}
overview,product {
display: none;
}
@media screen {
@media screen, speech {
overview {
display: flex;
flex-direction: column;

7
passmate.js
View File

@@ -42,8 +42,8 @@ class PassMate {
let instr = this.addElement('ol', overview);
let ownerStep = this.addElement('li', instr);
this.addElement('blurb', ownerStep, 'Who will this book belong to?');
this.ownerIn = this.addElement('input', ownerStep);
let ownerLabel = this.addElement('label', ownerStep, 'Who will this book belong to?');
this.ownerIn = this.addElement('input', ownerLabel);
this.ownerIn.type = 'text';
this.ownerIn.classList.add('owner');
this.ownerIn.addEventListener('change', () => {
@@ -80,7 +80,8 @@ class PassMate {
this.addElement('h2', overview, 'Reprinting Your Book');
this.addElement('blurb', overview, 'A unique code has been generated for you below. It changes every time you refresh this website. If you\'d like to reprint an existing book, change the code below to the one printed on page 3 of your old book. The new book will contain all the same passwords as the old book. This is all done without the code or passwords ever leaving your computer.');
this.recoveryIn = this.addElement('input', overview);
let recoveryLabel = this.addElement('label', overview, 'Recovery Code');
this.recoveryIn = this.addElement('input', recoveryLabel);
this.recoveryIn.type = 'text';
this.recoveryIn.classList.add('recovery');
this.recoveryIn.spellcheck = false;