Skip to content

Commit b9b2259

Browse files
alexanderbyalexanderby
committed
Publish 2025-07-02
1 parent bc98dab commit b9b2259

File tree

3 files changed

+113
-0
lines changed

3 files changed

+113
-0
lines changed

‎plus/restore/index.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>Restore Dark Reader Key</title>
7+
<meta name="theme-color" content="#141e24">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<link rel="shortcut icon" href="/images/icon-256.png">
10+
<meta property="og:type" content="website">
11+
<meta property="og:site_name" content="Dark Reader">
12+
<meta property="og:url" content="https://darkreader.org/plus/key">
13+
<meta property="og:title" content="Restore Dark Reader Key">
14+
<meta property="og:image" content="https://darkreader.org/plus-palette.png">
15+
<meta property="og:description" content="Restore Dark Reader Plus activation key.">
16+
<meta name="description" content="Restore Dark Reader Plus activation key.">
17+
<link rel="stylesheet" href="../style.css">
18+
<link rel="stylesheet" href="style.css">
19+
<script src="script.js" type="module"></script>
20+
</head>
21+
22+
<body>
23+
<h1 class="title">
24+
<span class="title-darkreader">Dark Reader</span>
25+
</h1>
26+
27+
<p class="description">
28+
Restore activation key<br>
29+
</p>
30+
31+
<form>
32+
<input type="email" class="js-email" placeholder="[email protected]">
33+
<button class="js-submit">
34+
Restore
35+
</button>
36+
<label class="js-result"></label>
37+
</form>
38+
39+
<section>
40+
<p>
41+
For any questions please <a href="mailto:[email protected]?subject=[Plus]%20Key">contact us</a>.
42+
</p>
43+
<p>
44+
<a href="/terms/">Terms of Use</a>
45+
</p>
46+
</section>
47+
48+
<footer>
49+
© 2025 Dark Reader Ltd<br>
50+
Dark Reader Ltd is registered in England and Wales (Company No 13594380),
51+
Suite 746 Unit 3A, 34-35 Hatton Garden, London, EC1N 8DX, United Kingdom
52+
</footer>
53+
54+
<script type="module" src="/elements/stats.js"></script>
55+
56+
</body>
57+
58+
</html>

‎plus/restore/script.js‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
const input = document.querySelector('input');
2+
const submit = document.querySelector('button');
3+
const label = document.querySelector('label');
4+
5+
submit.addEventListener('click', async (e) => {
6+
e.preventDefault();
7+
label.textContent = '';
8+
const email = input.value.trim();
9+
if (email.includes('@')) {
10+
try {
11+
await fetch(`https://register.darkreader.app/restore-key?email=${encodeURIComponent(email)}`);
12+
} catch (err) {
13+
} finally {
14+
label.textContent = 'An email will be sent to the specified address shortly.';
15+
}
16+
}
17+
});

‎plus/restore/style.css‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
form {
2+
display: flex;
3+
flex-direction: column;
4+
font-size: 1.25rem;
5+
gap: 0.5em;
6+
margin: 1rem auto;
7+
text-align: center;
8+
width: 16em;
9+
}
10+
11+
button,
12+
input {
13+
border: none;
14+
border-radius: 1.25em;
15+
box-sizing: border-box;
16+
color: white;
17+
font-size: 1em;
18+
height: 2.5em;
19+
margin: 0;
20+
width: 100%;
21+
}
22+
23+
input {
24+
background-color: #ffffff33;
25+
padding: 0 1em;
26+
}
27+
28+
button {
29+
background-color: var(--color-control);
30+
cursor: pointer;
31+
font-weight: bold;
32+
}
33+
34+
label {
35+
color: #98e487;
36+
display: inline-block;
37+
min-height: 2.5em;
38+
}

0 commit comments

Comments
 (0)