mirror of
https://github.com/privacyguides/privacyguides.org.git
synced 2025-07-22 19:31:07 +00:00
Reimplement Dark Theme
This commit is contained in:
@@ -2,14 +2,14 @@
|
||||
|
||||
<ul class="list-unstyled">
|
||||
<li><h3 class="h5 pt-3">Desktop/PC</h3><ul class="list-unstyled">
|
||||
{% if page.platform_win %}<li><a href="{{ page.platform_win }}" class="text-secondary"><i class="fab fa-windows fa-fw"></i> Download for Windows</a></li>{% endif %}
|
||||
{% if page.platform_mac %}<li><a href="{{ page.platform_mac }}" class="text-secondary"><i class="fab fa-app-store fa-fw"></i> Download for macOS</a></li>{% endif %}
|
||||
{% if page.platform_linux %}<li><a href="{{ page.platform_linux }}" class="text-secondary"><i class="fab fa-linux fa-fw"></i> Download for Linux</a></li>{% endif %}
|
||||
{% if page.platform_bsd %}<li><a href="{{ page.platform_bsd }}" class="text-secondary"><i class="fab fa-freebsd fa-fw"></i> Download for FreeBSD</a></li>{% endif %}
|
||||
{% if page.platform_win %}<li><a href="{{ page.platform_win }}"><i class="fab fa-windows fa-fw"></i> Download for Windows</a></li>{% endif %}
|
||||
{% if page.platform_mac %}<li><a href="{{ page.platform_mac }}"><i class="fab fa-app-store fa-fw"></i> Download for macOS</a></li>{% endif %}
|
||||
{% if page.platform_linux %}<li><a href="{{ page.platform_linux }}"><i class="fab fa-linux fa-fw"></i> Download for Linux</a></li>{% endif %}
|
||||
{% if page.platform_bsd %}<li><a href="{{ page.platform_bsd }}"><i class="fab fa-freebsd fa-fw"></i> Download for FreeBSD</a></li>{% endif %}
|
||||
</ul></li>
|
||||
<li><h3 class="h5 pt-3">Mobile</h3><ul class="list-unstyled">
|
||||
{% if page.platform_android %}<li><a href="{{ page.platform_android }}" class="text-secondary"><i class="fab fa-google-play fa-fw"></i> Download for Android</a></li>{% endif %}
|
||||
{% if page.platform_fdroid %}<li><a href="{{ page.platform_fdroid }}" class="text-secondary"><i class="fab fa-android fa-fw"></i> Download for Android (F-Droid)</a></li>{% endif %}
|
||||
{% if page.platform_ios %}<li><a href="{{ page.platform_ios }}" class="text-secondary"><i class="fab fa-app-store-ios fa-fw"></i> Download for iOS</a></li>{% endif %}
|
||||
{% if page.platform_android %}<li><a href="{{ page.platform_android }}"><i class="fab fa-google-play fa-fw"></i> Download for Android</a></li>{% endif %}
|
||||
{% if page.platform_fdroid %}<li><a href="{{ page.platform_fdroid }}"><i class="fab fa-android fa-fw"></i> Download for Android (F-Droid)</a></li>{% endif %}
|
||||
{% if page.platform_ios %}<li><a href="{{ page.platform_ios }}"><i class="fab fa-app-store-ios fa-fw"></i> Download for iOS</a></li>{% endif %}
|
||||
</ul></li>
|
||||
</ul>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<hr class="m-5" />
|
||||
{% include hr.html %}
|
||||
|
||||
<p><em><strong>Privacy Guides</strong> is a socially motivated website that provides information for protecting your data security and privacy.</em></p>
|
||||
|
||||
|
||||
@@ -35,5 +35,6 @@
|
||||
|
||||
<!-- CSS stylesheets -->
|
||||
<link href="/assets/css/app.css?v=1" rel="stylesheet">
|
||||
<link href="/assets/css/fa-all.css" rel="stylesheet">
|
||||
<link href="/assets/css/fa-all.css?v=1" rel="stylesheet">
|
||||
<link id="dark-css" href="/assets/css/dark.css?v=1" rel="stylesheet" media="(prefers-color-scheme: dark)">
|
||||
</head>
|
||||
|
||||
1
_includes/hr.html
Normal file
1
_includes/hr.html
Normal file
@@ -0,0 +1 @@
|
||||
<hr class="m-5" />
|
||||
@@ -1,5 +1,5 @@
|
||||
<div class="card">
|
||||
<div class="card-header bg-light">
|
||||
<div class="card-header bg-transparent">
|
||||
<h3 class="h5">
|
||||
{% if include.badges %}
|
||||
<span class="mr-2">{{ include.title }}</span>
|
||||
|
||||
@@ -1,25 +0,0 @@
|
||||
<h1 id="fingerprint" class="anchor"><a href="#fingerprint"><i class="fas fa-link anchor-icon"></i></a> Browser Fingerprint - Is your browser configuration unique?</h1>
|
||||
|
||||
<div class="alert alert-warning" role="alert">
|
||||
Your Browser sends information that makes you unique amongst millions of users and therefore easy to identify.
|
||||
</div>
|
||||
|
||||
<p>When you visit a web page, your browser voluntarily sends information about its configuration, such as available fonts, browser type, and add-ons. If this combination of information is unique, it may be possible to identify and track you without using cookies. EFF created a Tool called <a href="https://panopticlick.eff.org/" target="_blank">Panopticlick</a> to test your browser to see how unique it is.</p>
|
||||
|
||||
<p>
|
||||
<a class="btn btn-warning" target="_blank" href="https://panopticlick.eff.org/">
|
||||
Test your Browser now
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p>You need to find what <strong>most browsers</strong> are reporting, and then use those variables to bring your browser in the same population. This means having the same fonts, plugins, and extensions installed as the large installed base. You should have a <a href="https://addons.mozilla.org/firefox/addon/uaswitcher/">spoofed user-agent string</a> to match what the large userbase has. You need to have the same settings enabled and disabled, such as DNT and WebGL. You need your browser to look as common as everyone else. Disabling JavaScript, using Linux, or even using the Tor Browser Bundle, will make your browser stick out from the masses.</p>
|
||||
|
||||
<p>Modern web browsers have not been architected to assure personal web privacy. Rather than worrying about being fingerprinted, it seems more practical to use <a href="#addons"><i class="fas fa-link"></i> free software plugins</a> to regain control. They not only respect your freedom, but your privacy also. You can get much further with these than trying to manipulate your browser's fingerprint.</p>
|
||||
|
||||
<h3>Related Information</h3>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://panopticlick.eff.org/static/browser-uniqueness.pdf">How Unique Is Your Web Browser? Peter Eckersley, EFF.</a></li>
|
||||
<li><a href="#addons"><i class="fas fa-link"></i> Our Firefox privacy add-ons section.</a></li>
|
||||
<li><a href="https://www.browserleaks.com/">BrowserLeaks.com</a> - Web browser security testing tools that tell you what exactly personal identity data may be leaked without any permissions when you surf the Internet.</li>
|
||||
</ul>
|
||||
@@ -1,58 +0,0 @@
|
||||
<h1 id="webrtc" class="anchor"><a href="#webrtc"><i class="fas fa-link anchor-icon"></i></a> WebRTC IP Leak Test - Is your IP address leaking?</h1>
|
||||
|
||||
<div class="alert alert-danger" role="alert">
|
||||
WebRTC is a new communication protocol that relies on JavaScript that can leak your actual IP address from behind your VPN.
|
||||
</div>
|
||||
|
||||
<p>While software like NoScript prevents this, it's probably a good idea to block this protocol directly as well, just to be safe. <b>Note:</b> This disables browser-based call functionality that is used for webapps like Discord, Hangouts, Jitsi, etc.</p>
|
||||
|
||||
<p>
|
||||
<a class="btn btn-warning" target="_blank" rel="noopener noreferrer" href="https://ipleak.net">Test your Browser now</a>
|
||||
</p>
|
||||
|
||||
<h3>How to disable WebRTC in Firefox?</h3>
|
||||
|
||||
<p>In short: Set "media.peerconnection.enabled" to "false" in "about:config".</p>
|
||||
<p><strong>Explained:</strong></p>
|
||||
|
||||
<ol class="long-string-list">
|
||||
<li>Enter "about:config" in the firefox address bar and press enter.</li>
|
||||
<li>Press the button "I'll be careful, I promise!"</li>
|
||||
<li>Search for "media.peerconnection.enabled"</li>
|
||||
<li>Double click the entry, the column "Value" should now be "false"</li>
|
||||
<li>Done. Do the WebRTC leak test again.</li>
|
||||
</ol>
|
||||
|
||||
<p>If you want to make sure every single WebRTC-related setting is really disabled change these settings:</p>
|
||||
|
||||
<ol class="long-string-list">
|
||||
<li>media.peerconnection.turn.disable = true</li>
|
||||
<li>media.peerconnection.use_document_iceservers = false</li>
|
||||
<li>media.peerconnection.video.enabled = false</li>
|
||||
<li>media.peerconnection.identity.timeout = 1</li>
|
||||
</ol>
|
||||
|
||||
<p>Now you can be 100% sure WebRTC is disabled.</p>
|
||||
|
||||
<p>
|
||||
<a class="btn btn-primary" target="_blank" rel="noopener noreferrer" href="https://ipleak.net">Test your Browser again</a>
|
||||
</p>
|
||||
|
||||
<h3>How to disable WebRTC in Safari?</h3>
|
||||
|
||||
<p>Safari is far stricter with WebRTC than other major browsers, and it does not leak your IP address in its default configuration. If you'd like, you can follow these steps just to double-check your browser:</p>
|
||||
|
||||
<ol class="long-string-list">
|
||||
<li>Choose "Preferences" under the Safari menu in your menu bar.</li>
|
||||
<li>Select the Advanced tab and check the "Show Develop menu in menu bar" box.</li>
|
||||
<li>Exit Preferences and open the Develop menu in your menu bar.</li>
|
||||
<li>In the drop-down menu, open the "WebRTC" submenu and ensure "Enable Legacy WebRTC API" is unchecked. If it's grayed out, even better.</li>
|
||||
</ol>
|
||||
|
||||
<h3>How to disable WebRTC in Google Chrome?</h3>
|
||||
|
||||
<p>WebRTC cannot be fully disabled in Chrome; however, it is possible to change its routing settings (and prevent leaks) using an extension. Two open-source solutions include <a href="https://chrome.google.com/webstore/detail/webrtc-leak-prevent/eiadekoaikejlgdbkbdfeijglgfdalml">WebRTC Leak Prevent</a> (options may need to be changed depending on the scenario), and <a href="https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">uBlock Origin</a> (select "Prevent WebRTC from leaking local IP addresses" in Settings).</p>
|
||||
|
||||
<h3>What about other browsers?</h3>
|
||||
|
||||
<p>Chrome on macOS and Internet Explorer do not implement WebRTC yet. <a href="#browser"><i class="fas fa-link"></i> But we recommend using Firefox on all devices.</a></p>
|
||||
@@ -10,12 +10,12 @@
|
||||
{% if post.warning %} <p class="badge badge-warning"><i class="fad fa-exclamation-triangle"></i> {{ post.warning }}</p>{% endif %}
|
||||
{{ post.short | markdownify }}
|
||||
<p>
|
||||
{% if post.platform_win %}<a href="{{ post.platform_win }}" class="text-secondary"><i class="fab fa-windows fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_mac %}<a href="{{ post.platform_mac }}" class="text-secondary"><i class="fab fa-apple fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_linux %}<a href="{{ post.platform_linux }}" class="text-secondary"><i class="fab fa-linux fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_android %}<a href="{{ post.platform_android }}" class="text-secondary"><i class="fab fa-google-play fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_ios %}<a href="{{ post.platform_ios }}" class="text-secondary"><i class="fab fa-app-store-ios fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.website %}<a href="{{ post.website }}" class="text-secondary"><i class="far fa-globe fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_win %}<a href="{{ post.platform_win }}"><i class="fab fa-windows fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_mac %}<a href="{{ post.platform_mac }}"><i class="fab fa-apple fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_linux %}<a href="{{ post.platform_linux }}"><i class="fab fa-linux fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_android %}<a href="{{ post.platform_android }}"><i class="fab fa-google-play fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.platform_ios %}<a href="{{ post.platform_ios }}"><i class="fab fa-app-store-ios fa-fw h2"></i></a>{% endif %}
|
||||
{% if post.website %}<a href="{{ post.website }}"><i class="far fa-globe fa-fw h2"></i></a>{% endif %}
|
||||
</p>
|
||||
<p><a href="{{ post.url }}" class="btn btn-primary mt-2">More Information</a></p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user