minor layout changes and grammar updates
This commit is contained in:
Phixxy
parent
aa3ea6bfd3
commit
16bf8521d3
1 changed files with 430 additions and 307 deletions
595
index.html
595
index.html
|
|
@ -17,6 +17,24 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>ghost.moe — A minimalist guide to digital privacy, security, and anti-censorship.</title>
|
<title>ghost.moe — A minimalist guide to digital privacy, security, and anti-censorship.</title>
|
||||||
<style>
|
<style>
|
||||||
|
.explain {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.show .explain {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: #aaa;
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
}
|
||||||
|
.toggle-btn {
|
||||||
|
display: none;
|
||||||
|
margin-left: 10px;
|
||||||
|
padding: 2px 6px;
|
||||||
|
background-color: #ccc;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
.sidebar {
|
.sidebar {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -138,6 +156,24 @@
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.convenient {
|
||||||
|
color: #2ecc71;
|
||||||
|
}
|
||||||
|
|
||||||
|
.balanced {
|
||||||
|
color: #f1c40f;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secure {
|
||||||
|
color: #e74c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.level_guide {
|
||||||
|
margin-top: 1rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
.levels {
|
.levels {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
|
|
@ -149,6 +185,7 @@
|
||||||
border-left: 5px solid #ccc;
|
border-left: 5px solid #ccc;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.level h3 {
|
.level h3 {
|
||||||
|
|
@ -175,13 +212,6 @@
|
||||||
.footer a {
|
.footer a {
|
||||||
color: #fb2;
|
color: #fb2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.explain {
|
|
||||||
display: block;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
color: #aaa;
|
|
||||||
margin-top: 0.25rem;
|
|
||||||
}
|
|
||||||
/* Hide sidebar on mobile */
|
/* Hide sidebar on mobile */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.sidebar {
|
.sidebar {
|
||||||
|
|
@ -279,8 +309,26 @@
|
||||||
Welcome to ghost.moe. This guide is meant to help you take control of
|
Welcome to ghost.moe. This guide is meant to help you take control of
|
||||||
your digital privacy and security. With more privacy and security, comes
|
your digital privacy and security. With more privacy and security, comes
|
||||||
less convenience. This is an unfortunate reality. We've broken things down
|
less convenience. This is an unfortunate reality. We've broken things down
|
||||||
by topic, and each topic has three levels: More Convenient, Balanced, and
|
by topic, and each topic has three levels:
|
||||||
More Secure/Private. Start where you're comfortable.
|
<ul class="level_guide">
|
||||||
|
<li>
|
||||||
|
<span class="convenient">More Convenient:</span>
|
||||||
|
These items will only require a download or checking a box in settings.
|
||||||
|
They shouldn't break anything, be annoying, or slow anything down.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="balanced">Balanced:</span>
|
||||||
|
These items can cause some minor things to break, be slightly annoying, or require
|
||||||
|
a change to how you use your devices.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="secure">More Secure/Private:</span>
|
||||||
|
These items will require either technical knowledge, be very annoying, require
|
||||||
|
serious planning, cause things to slow down, break things, or require a
|
||||||
|
large amount of effort.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
Start where you're comfortable.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section id="threats" class="section">
|
<section id="threats" class="section">
|
||||||
|
|
@ -289,13 +337,13 @@
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
The most important thing to consider when you are worried about privacy
|
The most important thing to consider when you are worried about privacy
|
||||||
and security, is your threat model. Who are you trying to hide your data
|
and security is your threat model. Who are you trying to hide your data
|
||||||
from? If you only need to hide your data from your family, you may just
|
from? If you only need to hide your data from your family, you may just
|
||||||
need to delete your browser history. If you are trying to hide your data
|
need to delete your browser history. If you are trying to hide your data from
|
||||||
from governments, you will have to do quite a bit more work than just deleting
|
governments and corporations, you will have to do quite a bit more work than
|
||||||
your browser history. Come up with your threat model, and think about the
|
just deleting your browser history. Come up with your threat model, and think about the
|
||||||
tools that this adversary has at their disposal. Keep that in mind when
|
tools that this adversary has at their disposal. Keep your threat model in mind
|
||||||
going through this guide.
|
when going through this guide.
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section id="browsing" class="section">
|
<section id="browsing" class="section">
|
||||||
|
|
@ -303,126 +351,127 @@
|
||||||
🧭 Web Browsing
|
🧭 Web Browsing
|
||||||
</h2>
|
</h2>
|
||||||
<p>
|
<p>
|
||||||
Your web browser is one of the most used programs on your system. Taking
|
Your web browser is typically one of the most used programs on your system. Taking
|
||||||
steps to lock down your web browser will greatly increase your privacy.
|
steps to lock down your web browser will greatly increase your privacy.
|
||||||
</p>
|
</p>
|
||||||
<div class="levels">
|
|
||||||
<div class="level easy">
|
<div class="level easy">
|
||||||
<h3>
|
<h3>
|
||||||
More Convenient
|
Switch to <a href="https://firefox.com">Firefox</a>
|
||||||
</h3>
|
</h3>
|
||||||
<ul>
|
<p>
|
||||||
<li>
|
|
||||||
Switch to
|
|
||||||
<strong>
|
|
||||||
<a href="https://firefox.com">
|
|
||||||
Firefox
|
|
||||||
</a>
|
|
||||||
</strong>
|
|
||||||
<span class="explain">
|
|
||||||
Firefox has a long history of respecting your privacy.
|
Firefox has a long history of respecting your privacy.
|
||||||
</span>
|
<button class="toggle-btn">More</button>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Install an adblocker like
|
|
||||||
<strong>
|
|
||||||
<a href="https://ublockorigin.com/">
|
|
||||||
uBlock Origin
|
|
||||||
</a>
|
|
||||||
</strong>
|
|
||||||
.
|
|
||||||
<span class="explain">
|
<span class="explain">
|
||||||
Ads can be used to track you across websites or give you malware.
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</p>
|
||||||
<li>
|
|
||||||
Use
|
|
||||||
<strong>
|
|
||||||
<a href="https://duckduckgo.com/">
|
|
||||||
DuckDuckGo
|
|
||||||
</a>
|
|
||||||
</strong>
|
|
||||||
instead of google.
|
|
||||||
<span class="explain">
|
|
||||||
DuckDuckGo does not track your searches or browsing history.
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Disable third-party cookies in settings.
|
|
||||||
<span class="explain">
|
|
||||||
Cookies can also be used to track you across websites.
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Tell websites not to sell or share your data in settings.
|
|
||||||
<span class="explain">
|
|
||||||
Note: Websites do not have to adhere to this request.
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="level easy">
|
||||||
|
<h3>
|
||||||
|
Install an adblocker like <a href="https://ublockorigin.com/">uBlock Origin</a>
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Ads can be used to track you across websites or give your computer malware.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="level easy">
|
||||||
|
<h3>
|
||||||
|
Use <a href="https://duckduckgo.com/">DuckDuckGo</a> instead of Google.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
DuckDuckGo does not track your searches or browsing history.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="level easy">
|
||||||
|
<h3>
|
||||||
|
Tell websites not to sell or share your data in settings.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Note: Websites do not have to adhere to this request.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="level medium">
|
<div class="level medium">
|
||||||
<h3>
|
<h3>
|
||||||
Balanced
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Set Firefox to "Strict" Enhanced Tracking Protection.
|
Set Firefox to "Strict" Enhanced Tracking Protection.
|
||||||
<span class="explain">
|
</h3>
|
||||||
|
<p>
|
||||||
Note: This could cause some websites to break.
|
Note: This could cause some websites to break.
|
||||||
</span>
|
<button class="toggle-btn">More</button>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Set Firefox to delete cookies and site data when Firefox is closed.
|
|
||||||
<span class="explain">
|
<span class="explain">
|
||||||
This will make it harder to track you between sessions.
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</p>
|
||||||
<li>
|
|
||||||
Set Firefox to "Always use private browsing mode".
|
|
||||||
<span class="explain">
|
|
||||||
This will log you out of everything and forget your history. This is very useful on shared computers or laptops that could easily be stolen.
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="level medium">
|
||||||
|
<h3>
|
||||||
|
Set Firefox to delete cookies and site data when Firefox is closed.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
This will make it harder to track you between sessions.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="level medium">
|
||||||
|
<h3>
|
||||||
|
Set Firefox to "Always use private browsing mode".
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
This will log you out of everything and erase your history after closing the browser. This is very useful on shared computers or laptops that could easily be stolen.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="level hard">
|
<div class="level hard">
|
||||||
<h3>
|
<h3>
|
||||||
More Secure
|
Use <a href="https://www.torproject.org/">Tor Browser</a> for all sensitive browsing.
|
||||||
</h3>
|
</h3>
|
||||||
<ul>
|
<p>
|
||||||
<li>
|
Tor is the gold standard browser for privacy and anti-censorship. It will be very slow, however.
|
||||||
Use
|
<button class="toggle-btn">More</button>
|
||||||
<strong>
|
|
||||||
<a href="https://www.torproject.org/">
|
|
||||||
Tor Browser
|
|
||||||
</a>
|
|
||||||
</strong>
|
|
||||||
for all sensitive browsing.
|
|
||||||
<span class="explain">
|
<span class="explain">
|
||||||
Tor is the gold standard browser for privacy and anti-censorship. It will be very slow.
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</p>
|
||||||
<li>
|
</div>
|
||||||
Block javascript with
|
|
||||||
<strong>
|
<div class="level hard">
|
||||||
<a href="https://addons.mozilla.org/firefox/addon/noscript">
|
<h3>
|
||||||
NoScript
|
Block javascript with <a href="https://addons.mozilla.org/firefox/addon/noscript">NoScript</a> or <a href="https://addons.mozilla.org/firefox/addon/ghostery">Ghostery</a>
|
||||||
</a>
|
</h3>
|
||||||
</strong>
|
<p>
|
||||||
or
|
|
||||||
<strong>
|
|
||||||
<a href="https://addons.mozilla.org/firefox/addon/ghostery">
|
|
||||||
Ghostery
|
|
||||||
</a>
|
|
||||||
</strong>
|
|
||||||
<span class="explain">
|
|
||||||
Javascript is code that a website chooses to run on your computer. Blocking javascript can stop websites from learning more about your computer.
|
Javascript is code that a website chooses to run on your computer. Blocking javascript can stop websites from learning more about your computer.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</p>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section id="phones" class="section">
|
<section id="phones" class="section">
|
||||||
<h2>
|
<h2>
|
||||||
|
|
@ -432,200 +481,274 @@
|
||||||
Most people carry their phone everywhere they go. This can be used to
|
Most people carry their phone everywhere they go. This can be used to
|
||||||
track you.
|
track you.
|
||||||
</p>
|
</p>
|
||||||
<div class="levels">
|
|
||||||
<div class="level easy">
|
<div class="level easy">
|
||||||
<h3>
|
<h3>
|
||||||
More Convenient
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Disable personalized ads in iOS or Android settings.
|
Disable personalized ads in iOS or Android settings.
|
||||||
<span class="explain">
|
</h3>
|
||||||
|
<p>
|
||||||
Android: Settings > Google > Ads > Turn off "Ad Personalization"<br>
|
Android: Settings > Google > Ads > Turn off "Ad Personalization"<br>
|
||||||
iOS: Settings > Privacy & Security > Apple Advertising > Turn off Personalized Ads
|
iOS: Settings > Privacy & Security > Apple Advertising > Turn off Personalized Ads
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Manage app permissions.
|
|
||||||
<span class="explain">
|
<span class="explain">
|
||||||
Set location permissions to “While using the app” or “Ask every time”.<br>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
Disable microphone and camera access for non-essential apps.
|
|
||||||
Disable system-wide location when not needed.
|
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</p>
|
||||||
<li>
|
|
||||||
Remove unused apps.
|
|
||||||
<span class="explain">
|
|
||||||
Apps can run in the background even if you are not using them.
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Use a pin or password to unlock your phone.
|
|
||||||
<span class="explain">
|
|
||||||
In some jurisdictions you can be required to unlock your phone with your fingerprint or face, but not with a pin or password.
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="level easy">
|
||||||
|
<h3>
|
||||||
|
Manage app permissions.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Set location permissions to “While using the app” or “Ask every time”. Disable microphone and camera access for non-essential apps. Disable system-wide location when not needed.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="level easy">
|
||||||
|
<h3>
|
||||||
|
Remove unused apps.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
Apps can run in the background even if you are not using them.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="level easy">
|
||||||
|
<h3>
|
||||||
|
Use a pin or password to unlock your phone.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
In some jurisdictions you can be required to unlock your phone with your fingerprint or face, but not with a pin or password.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="level medium">
|
<div class="level medium">
|
||||||
<h3>
|
<h3>
|
||||||
Balanced
|
Use open-source apps from F-Droid.
|
||||||
</h3>
|
</h3>
|
||||||
<ul>
|
<p>
|
||||||
<li>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
Use open-source apps from
|
<span class="explain">
|
||||||
<strong>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
F-Droid
|
</span>
|
||||||
</strong>
|
</p>
|
||||||
.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Limit app permissions manually.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="level medium">
|
||||||
|
<h3>
|
||||||
|
Limit app permissions manually.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="level hard">
|
<div class="level hard">
|
||||||
<h3>
|
<h3>
|
||||||
More Secure
|
Install a custom ROM like GrapheneOS or LineageOS.
|
||||||
</h3>
|
</h3>
|
||||||
<ul>
|
<p>
|
||||||
<li>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
Install a custom ROM like
|
<span class="explain">
|
||||||
<strong>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
GrapheneOS
|
</span>
|
||||||
</strong>
|
</p>
|
||||||
or
|
</div>
|
||||||
<strong>
|
|
||||||
LineageOS
|
<div class="level hard">
|
||||||
</strong>
|
<h3>
|
||||||
.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Avoid all Google services.
|
Avoid all Google services.
|
||||||
</li>
|
</h3>
|
||||||
</ul>
|
<p>
|
||||||
</div>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section id="accounts" class="section">
|
<section id="accounts" class="section">
|
||||||
<h2>
|
<h2>
|
||||||
🔐 Accounts
|
🔐 Accounts
|
||||||
</h2>
|
</h2>
|
||||||
<div class="levels">
|
|
||||||
<div class="level easy">
|
<div class="level easy">
|
||||||
<h3>
|
<h3>
|
||||||
More Convenient
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Use strong and unique passwords for every account.
|
Use strong and unique passwords for every account.
|
||||||
</li>
|
</h3>
|
||||||
<li>
|
<p>
|
||||||
Enable password managers like Bitwarden or 1Password.
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
</li>
|
<span class="explain">
|
||||||
</ul>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="level easy">
|
||||||
|
<h3>
|
||||||
|
Enable password managers like Bitwarden or 1Password.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="level medium">
|
<div class="level medium">
|
||||||
<h3>
|
<h3>
|
||||||
Balanced
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Enable two-factor authentication (2FA) where available.
|
Enable two-factor authentication (2FA) where available.
|
||||||
</li>
|
</h3>
|
||||||
<li>
|
<p>
|
||||||
Avoid using social logins (Google, Facebook).
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
</li>
|
<span class="explain">
|
||||||
</ul>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="level medium">
|
||||||
|
<h3>
|
||||||
|
Avoid using social logins (Google, Facebook).
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="level hard">
|
<div class="level hard">
|
||||||
<h3>
|
<h3>
|
||||||
More Secure
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Use pseudonyms and email aliases.
|
Use pseudonyms and email aliases.
|
||||||
</li>
|
</h3>
|
||||||
<li>
|
<p>
|
||||||
Segment identities for different activities.
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
</li>
|
<span class="explain">
|
||||||
</ul>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="level hard">
|
||||||
|
<h3>
|
||||||
|
Segment identities for different activities.
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="2fa" class="section">
|
<section id="2fa" class="section">
|
||||||
<h2>
|
<h2>
|
||||||
🛡️ Two-Factor Authentication
|
🛡️ Two-Factor Authentication
|
||||||
</h2>
|
</h2>
|
||||||
<div class="levels">
|
|
||||||
<div class="level easy">
|
<div class="level easy">
|
||||||
<h3>
|
<h3>
|
||||||
More Convenient
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Enable 2FA using SMS or email.
|
Enable 2FA using SMS or email.
|
||||||
</li>
|
</h3>
|
||||||
</ul>
|
<p>
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="level medium">
|
<div class="level medium">
|
||||||
<h3>
|
<h3>
|
||||||
Balanced
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Use TOTP apps like Aegis or Authy.
|
Use TOTP apps like Aegis or Authy.
|
||||||
</li>
|
</h3>
|
||||||
</ul>
|
<p>
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="level hard">
|
<div class="level hard">
|
||||||
<h3>
|
<h3>
|
||||||
More Secure
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Use hardware tokens like YubiKey or Nitrokey.
|
Use hardware tokens like YubiKey or Nitrokey.
|
||||||
</li>
|
</h3>
|
||||||
</ul>
|
<p>
|
||||||
</div>
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<section id="vpn" class="section">
|
<section id="vpn" class="section">
|
||||||
<h2>
|
<h2>
|
||||||
🛰️ VPN
|
🛰️ VPN
|
||||||
</h2>
|
</h2>
|
||||||
<div class="levels">
|
|
||||||
<div class="level easy">
|
<div class="level easy">
|
||||||
<h3>
|
<h3>
|
||||||
More Convenient
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Use any reputable no-log VPN service.
|
Use any reputable no-log VPN service.
|
||||||
</li>
|
</h3>
|
||||||
</ul>
|
<p>
|
||||||
|
This will be expanded text describing why you should do the above, in more detail.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="level medium">
|
<div class="level medium">
|
||||||
<h3>
|
<h3>
|
||||||
Balanced
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Use VPNs based in privacy-friendly jurisdictions.
|
Use VPNs based in privacy-friendly jurisdictions.
|
||||||
</li>
|
</h3>
|
||||||
</ul>
|
<p>
|
||||||
|
This will be expanded text describing why you should do the above, in more detail.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="level hard">
|
<div class="level hard">
|
||||||
<h3>
|
<h3>
|
||||||
More Secure
|
|
||||||
</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Self-host your own VPN using WireGuard.
|
Self-host your own VPN using WireGuard.
|
||||||
</li>
|
</h3>
|
||||||
</ul>
|
<p>
|
||||||
</div>
|
This will be expanded text describing why you should do the above, in more detail.
|
||||||
|
<button class="toggle-btn">More</button>
|
||||||
|
<span class="explain">
|
||||||
|
This will be expanded text describing why you should do the above, in more detail. Maybe we can go into the details of how Mozilla is a privacy focused company, has been around for many years, and overall has a good track record for respecting users privacy. We could also mention tradeoffs for implementing the above. I imagine text would be about this long per item.
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.querySelectorAll('.toggle-btn').forEach(button => {
|
||||||
|
button.addEventListener('click', () => {
|
||||||
|
const parentP = button.closest('p');
|
||||||
|
parentP.classList.toggle('show');
|
||||||
|
button.textContent = parentP.classList.contains('show') ? 'Less' : 'More';
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<p>
|
<p>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue