-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
134 lines (121 loc) · 5.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nostr Inactive Users Checker</title>
<link rel="icon" type="image/png" href="favicon.webp">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- Open Graph meta tags for social media previews -->
<meta property="og:title" content="Nostr Inactive Users Checker" />
<meta property="og:description" content="Check your Nostr follow list for inactive users easily and safely with this tool." />
<meta property="og:image" content="https://unfollow.yeghro.site/favicon.webp" />
<meta property="og:url" content="https://unfollow.yeghro.site" />
<meta property="og:type" content="website" />
<!-- Twitter Card meta tags for Twitter previews -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Nostr Inactive Users Checker" />
<meta name="twitter:description" content="Check your Nostr follow list for inactive users easily and safely with this tool." />
<meta name="twitter:image" content="https://unfollow.yeghro.site/favicon.webp" />
</head>
<body>
<header>
<div class="header_container">
<div class="yeghro_logo_container">
<a href="https://yeghro.site">
<img src="favicon.webp" alt="yeghro_logo" class="yeghro_logo">
</a>
</div>
</div>
</header>
<div class="body-container">
<h1>Nostr Inactive Users Checker</h1>
<h2>! CAUTION !</h2>
<p>
Before using this tool, please consider backing up your follow
list by adding wss://hist.nostr.land to your relay list, then follow
someone or unfollow someone to update and backup your follow list.... Just in case,
because you never know.
</p>
<h2>! CAUTION !</h2>
<p>
It's also a good idea to run the check a couple of times to ensure the results are consistent before unfollowing.
</p>
<div class="input-container">
<label for="inactiveMonths">Inactive Months:</label>
<input
type="number"
id="inactiveMonths"
name="inactiveMonths"
min="1"
max="12"
value="8"
/>
</div>
<p>
Login below to begin checking your nostr follow list for inactive users.
</p>
<button id="loginButton" type="button" class="primary-button">Use Nostr Extension</button>
<div id="spinnerContainer" style="display: none;">
<div class="spinner"></div>
</div>
<p>or enter an npub to check your follow list for inactive users</p>
<div class="input-container">
<label for="manualPubkey">Enter Pubkey/Npub:</label>
<input
style="width: 300px"
type="text"
id="manualPubkey"
name="manualPubkey"
/>
</div>
<button id="checkManualPubkeyButton" type="button" class="primary-button">Check Pubkey Manually</button>
<div id="loadingSpinner" class="spinner" style="display: none;"></div>
<!-- User Profile Card -->
<div id="userProfileCard" class="profile-card">
<h2>Profile Information</h2>
<img id="userPicture" alt="User Picture" />
<p id="userName"></p>
<p id="userBio"></p>
<button id="readMoreButton" type="button">Read more</button>
<p id="nip05"></p>
<p id="webSiteUrl"></p>
</div>
<div id="pubkey-container" class="pubkey-container" style="display: none;">
<h2>Pubkey Information</h2>
<p id="publicKey">Npub:</p>
<p id="hexKey">Hex Key:</p>
<p id="totalPubkeys">Total Pubkeys Found:</p>
</div>
<div id="tab-container" class="tab-container" style="display: none;">
<button class="tablink" data-tab="Pubkeys">Pubkeys</button>
<button class="tablink" data-tab="Npubs">Npubs</button>
</div>
<div id="Pubkeys" class="tabcontent" style="display: none;">
<h4>Non-Active Pubkeys</h4>
<ul id="nonActivePubkeys"></ul>
</div>
<div id="Npubs" class="tabcontent" style="display: none">
<h4>Non-Active Npubs</h4>
<ul id="nonActiveNpubs"></ul>
</div>
<div id="progressContainer" style="display: none;">
<div id="progressBar"></div>
</div>
<button id="createKind3EventButton" type="button" class="danger-button" style="display: none">
Unfollow Inactive Users
</button>
<div id="ln-pay-container" class="qr-code-module">
<h3>If you found this tool useful, feel free to leave a tip.</h3>
<button id="show-tip-options" type="button" class="secondary-button">Click To Tip</button>
<div id="tip-amount-container" style="display: none;">
<!-- Tip amount buttons will be dynamically inserted here -->
</div>
<div id="qr-code-container" class="qr-code-container"></div>
<a href="#" id="open-wallet" class="secondary-button" style="display: none;">Open Wallet</a>
</div>
<script type="module" src="./src/main.js"></script>
</body>
</html>