-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFAQ.html
275 lines (244 loc) · 12.5 KB
/
FAQ.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FAQ</title>
<!-- Favicon for most browsers -->
<link rel="icon" href="/img/favicon_io/favicon.ico" type="image/x-icon">
<!-- PNG icons for better resolution -->
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon_io/favicon-16x16.png">
<!-- Apple Touch Icon (for iOS) -->
<link rel="apple-touch-icon" href="/img/favicon_io/apple-touch-icon.png">
<!-- Web Manifest (for PWAs) -->
<link rel="manifest" href="/img/favicon_io/site.webmanifest">
<link rel="stylesheet" href="styles.css">
<script src="backgroundImages.js"></script>
<script src="background.js"></script>
<script src="fontList.js"></script>
<script src="font.js"></script>
<style>
</style>
</head>
<body>
<div id="dim-overlay" class="dim-overlay"></div>
<div class="FAQcontainer">
<div class="FAQheader">
<h1>FAQ</h1>
<h3>what this button do?</h3>
<h4> Is Comming in the near future! </h4>
</div>
<div class="content">
<p class="content-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin euismod, vel tempor magna vulputate.</p>
<p class="content-paragraph">Quisque in semper ipsum. Donec id erat sed urna tempor venenatis. Nulla risus aliquet.</p>
</div>
<!-- FAQ Section -->
<div class="faq-section">
<h2 class="faq-header-selection">FAQ (Frequently Asked Questions)</h2>
<div class="faq-question" onclick="toggleFaq('faq1')"><a href="#faq1">Who's behind this?</a></div>
<div id="faq1" class="faq-answer">
<p>It's me StellarStoic on <a href="https://njump.me/npub1qqqqqqz7nhdqz3uuwmzlflxt46lyu7zkuqhcapddhgz66c4ddynswreecw" style="color: #9203d5;">
<strong>Nostr</strong></a> and ...<a href="https://nosta.me/nprofile1qqsqqqqqqp0fmkspg7w8d305ln96a0jw0ptwqtuwskkm5pddv2kkjfcpp4mhxue69uhkummn9ekx7mqpzemhxue69uhhyetvv9ujumn0wd68ytnzv9hxgn5ehlv" style="color: #9203d5"><strong>Nostr</strong></a></p>
<p>But you can also find me on <a href="https://signal.me/#eu/MhhiDpAJwzngrTkJMp1LVEmTv3SaGc2WDlKD5603oOgiyCWpvXBHvbKg18tQhQOo"style="color: #01b0fb;"> SIGNAL</a> or <a href="https://t.me/stellarstoic" style="color: #01b0fb;">TELEGRAM</a></p>
</div>
<div class="faq-question" onclick="toggleFaq('faq2')"><a href="#faq2">How to Report a Content</a></div>
<div id="faq2" class="faq-answer">
<p>If you find something you believe is illegal, disturbing, or malicious, you can report the URL by emailing to <a href="mailto:report@snofl.com?subject=URL%20Report&body=URL:%20%0AWhere%20the%20URL%20was%20found:%20%0AWhy%20are%20you%20reporting:%20">[email protected]</a>. Please provide as many details as possible about the URL in question in your email. I will do everything within my power to make the URL inaccessible if it is found to violate our policies.</p>
</div>
<!-- <div class="faq-question" onclick="toggleFaq('faq3')"><a href="#faq3">Where can I get some?</a></div>
<div id="faq3" class="faq-answer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec tellus.</p>
</div> -->
<!-- <div class="faq-question" onclick="toggleFaq('faq4')"><a href="#faq4">What is the origin of Lorem Ipsum?</a></div>
<div id="faq4" class="faq-answer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quam felis.</p>
</div> -->
<!-- <div class="faq-question" onclick="toggleFaq('faq5')"><a href="#faq5">Is Lorem Ipsum random text?</a></div>
<div id="faq5" class="faq-answer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam rhoncus.</p>
</div> -->
<!-- <div class="faq-question" onclick="toggleFaq('faq6')"><a href="#faq6">Where can I find Lorem Ipsum?</a></div>
<div id="faq6" class="faq-answer">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ullamcorper.</p>
</div> -->
<div class="faq-question" onclick="toggleFaq('faq7')"><a href="#faqNTAGtype">Is NTAG memory showing wrong values?</a></div>
<div id="faq7" class="faq-answer">
<h3>NTAG memory has been set with a carefull reading of the documentation papers (1. & 2.).</h3>
<h2>NTAG Memory Comparison</h2>
<table>
<tr>
<th>NTAG Type</th>
<th>Total Memory</th>
<th>User Memory</th>
<th>Max NDEF (Writable Data)</th>
<th>Max Text (Char.)</th>
<th>Max URL (Char.)</th>
<th>Use Case</th>
</tr>
<tr>
<td>NTAG 203</td>
<td>168 bytes</td>
<td>144 bytes</td>
<td>~137 bytes</td>
<td>137</td>
<td>135</td>
<td>Short URLs, automation</td>
</tr>
<tr>
<td>NTAG 213</td>
<td>180 bytes</td>
<td>144 bytes</td>
<td>~137 bytes</td>
<td>137</td>
<td>135</td>
<td>Basic vCards, small automation</td>
</tr>
<tr>
<td>NTAG 215</td>
<td>540 bytes</td>
<td>504 bytes</td>
<td>~492 bytes</td>
<td>492</td>
<td>490</td>
<td>Amiibo, longer vCards</td>
</tr>
<tr>
<td>NTAG 216</td>
<td>924 bytes</td>
<td>888 bytes</td>
<td>~868 bytes</td>
<td>868</td>
<td>866</td>
<td>Large records, WiFi configs</td>
</tr>
<tr>
<td>NTAG 413 DNA</td>
<td>416 bytes</td>
<td>404 bytes</td>
<td>~398 bytes</td>
<td>398</td>
<td>396</td>
<td>Secure URLs, anti-counterfeit</td>
</tr>
<tr>
<td>NTAG 424 DNA</td>
<td>928 bytes</td>
<td>916 bytes</td>
<td>~888 bytes</td>
<td>888</td>
<td>886</td>
<td>Secure vCards, payments</td>
</tr>
</table>
</div>
<!-- New FAQ Question -->
<div class="faq-question" onclick="toggleFaq('faqFont')"><a href="#faqFont">What font does this website use?</a></div>
<div id="faqFont" class="faq-answer">
<p>The current font used on this website is <a id="fontLink" href="#" target="_blank">loading...</a>.</p>
</div>
<div class="faq-question" onclick="toggleFaq('faqEncryption')">
<a href="#faqEncryption">How secure is the URL encryption?</a>
</div>
<div id="faqEncryption" class="faq-answer">
<p>
The security of the URL encryption on this platform relies on <strong>AES (Advanced Encryption Standard)</strong>,
specifically AES-256. This encryption standard is widely recognized as one of the most secure methods available today
and is used globally to protect sensitive data, including government and financial information.
</p>
<h4>🔐 What Makes AES-256 Strong?</h4>
<ul>
<li><strong>Key Length:</strong> AES-256 uses a 256-bit encryption key, offering 2<sup>256</sup> possible combinations.
This is a number so large that even modern supercomputers would take <strong>billions of years</strong> to brute-force it.
</li>
<li><strong>Cryptographic Strength:</strong> AES is a symmetric encryption algorithm, meaning the same key is used for encryption
and decryption. This simplicity ensures high speed without compromising security.
</li>
</ul>
<h4>📊 Examples of Password Strength and Brute-Forcing</h4>
<table>
<tr>
<th>Password Length/Type</th>
<th>Time to Crack (Brute Force)</th>
</tr>
<tr>
<td>Weak (e.g., "12345")</td>
<td>Instantly</td>
</tr>
<tr>
<td>Moderate (e.g., "P@ssw0rd")</td>
<td>A few hours with modern hardware</td>
</tr>
<tr>
<td>Strong (e.g., "F&2zL!8x9wXy@#Tp")</td>
<td>Over 1 trillion years</td>
</tr>
</table>
<h4>🛡️ Best Practices for Maximum Security</h4>
<ul>
<li>Choose a password with a minimum of 12 characters, including uppercase, lowercase, numbers, and special symbols.</li>
<li>Avoid common words, predictable phrases, or keyboard patterns.</li>
<li>Store passwords in a secure <a href="https://bitwarden.com/" target="_blank">password manager</a> instead of relying
on memory.</li>
</ul>
<h4>📜 A Brief History of AES</h4>
<p>
AES was established as the encryption standard by the U.S. National Institute of Standards and Technology (NIST) in 2001.
It replaced the older DES
(Data Encryption Standard) due to advancements in computing power that made DES vulnerable. AES was selected through a
global competition and is based
on the Rijndael cipher, designed by cryptographers Joan Daemen and Vincent Rijmen.
</p>
<h4>🤔 Why Privacy Matters</h4>
<p>
Protecting sensitive information like URLs ensures that your personal data and activity remain private.
Encryption plays a crucial role in safeguarding secure links and confidential content, providing peace of
mind that unauthorized access is nearly impossible.
However, centralized institutions have a poor reputation for securely storing personal data, highlighting
the need for individuals to take control of their privacy. While encryption is a powerful tool, it’s only
as strong as its weakest link—humans. Mistakes, phishing, and social engineering can compromise even the
most robust security systems.
Empowering users with knowledge and awareness is just as important as using strong encryption.</p>
<p>
Always remember: <strong>The strength of encryption depends on the strength of your password!</strong>
</p>
</div>
</div>
</div>
<footer class="footerDynamic">
<a href="about.html">About</a> |
<a href="FAQ.html">FAQ</a> |
<a href="urlmkr.html">URLmkr</a>
<!-- <button id="showHistoryBtn" title="a History data of all the posted notes from this device">Show History</button> -->
</footer>
<script>
function toggleFaq(faqId) {
// Close all faq answers
const answers = document.querySelectorAll('.faq-answer');
answers.forEach(answer => {
if (answer.id !== faqId) {
answer.style.display = 'none';
}
});
// Toggle the selected faq answer
const selectedFaq = document.getElementById(faqId);
if (selectedFaq.style.display === 'block') {
selectedFaq.style.display = 'none';
} else {
selectedFaq.style.display = 'block';
}
}
// Function to display the current font
function displayCurrentFont() {
const selectedFontIndex = localStorage.getItem('selectedFontIndex') || 1;
const fontName = fontList[selectedFontIndex].split(':')[0]; // Extract font name only
const fontLink = `https://fonts.bunny.net/family/${fontName.replace(/\s+/g, '+')}`;
const fontAnchor = document.getElementById('fontLink');
fontAnchor.textContent = fontName;
fontAnchor.href = fontLink;
}
// Initialize font display
displayCurrentFont();
</script>
</body>
<script src="footer.js"></script>
</html>