30 lines
1.6 KiB
HTML
30 lines
1.6 KiB
HTML
{{template "head" .}}
|
|
{{template "topbar" .}}
|
|
<div class="center">
|
|
<div class="float unlock-card">
|
|
<div class="inner">
|
|
<div class="lockring"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg></div>
|
|
<h1>This paste is locked</h1>
|
|
<p class="sub">Enter the password to view <span class="slug">/{{.ID}}</span></p>
|
|
<form method="post" action="">
|
|
<div class="pw-field">
|
|
<input type="password" name="password" id="password" placeholder="Password" autocomplete="current-password" autofocus>
|
|
<button type="button" class="reveal" id="pwreveal" title="Show password" tabindex="-1"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z"/><circle cx="12" cy="12" r="3"/></svg></button>
|
|
</div>
|
|
{{if .Wrong}}<p class="unlock-err">Wrong password. Try again.</p>{{end}}
|
|
<button class="btn" type="submit">Unlock</button>
|
|
</form>
|
|
</div>
|
|
<div class="foot">Created {{.CreatedAgo}}</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
document.getElementById('pwreveal').addEventListener('click', () => {
|
|
const pw = document.getElementById('password');
|
|
const show = pw.type === 'password';
|
|
pw.type = show ? 'text' : 'password';
|
|
document.getElementById('pwreveal').title = show ? 'Hide password' : 'Show password';
|
|
});
|
|
</script>
|
|
{{template "foot" .}}
|