Use <a> tag for links to get native behavior

Fixes #9
This commit is contained in:
Ian Gulliver
2018-12-01 16:36:06 +00:00
parent b31a5446aa
commit ff62cfbe52
2 changed files with 11 additions and 10 deletions

View File

@@ -73,6 +73,13 @@ overview,product {
max-width: 40em;
}
a {
margin-bottom: 1em;
max-width: 40em;
text-decoration: none;
color: black;
}
owner {
display: block;
width: 11em;

View File

@@ -98,17 +98,11 @@ class PassMate {
this.addElement('h2', overview, 'Questions? Suggestions?');
let contact = this.addElement('blurb', overview, 'Contact ian@passmate.io');
contact.style.cursor = 'pointer';
contact.addEventListener('click', () => {
document.location = 'mailto:ian@passmate.io';
});
let contact = this.addElement('a', overview, 'Contact ian@passmate.io');
contact.href = 'mailto:ian@passmate.io';
let github = this.addElement('blurb', overview, 'Source code & issue tracking at GitHub');
github.style.cursor = 'pointer';
github.addEventListener('click', () => {
document.location = 'https://github.com/flamingcowtv/passmate';
});
let github = this.addElement('a', overview, 'Source code & issue tracking at GitHub');
github.href = 'https://github.com/flamingcowtv/passmate';
}
addProduct(container) {