49 lines
No EOL
1,020 B
HTML
49 lines
No EOL
1,020 B
HTML
<h2>shared accounts:</h2>
|
|
<!-- there might be sections for personal accounts later ~ -->
|
|
|
|
<div id='accounts'></div>
|
|
|
|
<script>
|
|
accounts = []
|
|
|
|
el = document.getElementById('accounts')
|
|
for (i = 0; i < accounts.length; i++) {
|
|
a = accounts[i]
|
|
el.innerHTML += `<div class='account ${(a.dead ? 'dead' : '')}'>
|
|
<div>
|
|
<b>${a.name}</b>
|
|
<a href='${a.link}'>→</a>
|
|
</div>
|
|
<div>${a.user}</div>
|
|
<div class='pass'>
|
|
<div onclick='
|
|
this.innerHTML="✓ ";
|
|
navigator.clipboard.writeText("${a.pass}")
|
|
'>⧉ </div>
|
|
<div onclick='
|
|
this.innerHTML === "${a.pass}" ?
|
|
window.getSelection().selectAllChildren(this) :
|
|
this.innerHTML = "${a.pass}"
|
|
'>${'*'.repeat(a.pass.length)}</div>
|
|
</div>
|
|
</div>`
|
|
}
|
|
|
|
</script>
|
|
|
|
<style>
|
|
.account {
|
|
margin-bottom: 32px;
|
|
}
|
|
.dead {
|
|
opacity: 0.666;
|
|
}
|
|
.pass {
|
|
cursor: pointer;
|
|
display: flex;
|
|
font-family: 'Courier Prime', monospace;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
</style> |