diff --git a/docs/android.md b/docs/android.md index b9500b38..535aba5b 100644 --- a/docs/android.md +++ b/docs/android.md @@ -3,6 +3,7 @@ meta_title: "Android Recommendations: GrapheneOS and DivestOS - Privacy Guides" title: "Android" icon: 'simple/android' description: You can replace the operating system on your Android phone with these secure and privacy-respecting alternatives. +cover: android.png schema: - "@context": http://schema.org diff --git a/docs/calendar.md b/docs/calendar.md index 458ddc62..f988f044 100644 --- a/docs/calendar.md +++ b/docs/calendar.md @@ -2,6 +2,7 @@ title: "Calendar Sync" icon: material/calendar description: Calendars contain some of your most sensitive data; use products that implement encryption at rest. +cover: calendar.png --- Calendars contain some of your most sensitive data; use products that implement E2EE at rest to prevent a provider from reading them. diff --git a/docs/cloud.md b/docs/cloud.md index b6b12fb0..08d6f65a 100644 --- a/docs/cloud.md +++ b/docs/cloud.md @@ -3,6 +3,7 @@ meta_title: "The Best Private and Secure Cloud Storage Providers - Privacy Guide title: "Cloud Storage" icon: material/file-cloud description: Many cloud storage providers require your trust that they will not look at your files. These are private alternatives! +cover: cloud.png --- Many cloud storage providers require your full trust that they will not look at your files. The alternatives listed below eliminate the need for trust by implementing secure E2EE. diff --git a/docs/cryptocurrency.md b/docs/cryptocurrency.md index d67ca121..da91ec96 100644 --- a/docs/cryptocurrency.md +++ b/docs/cryptocurrency.md @@ -2,6 +2,7 @@ meta_title: "Private Cryptocurrency Blockchains - Privacy Guides" title: Cryptocurrency icon: material/bank-circle +cover: cryptocurrency.png --- Making payments online is one of the biggest challenges to privacy. These cryptocurrencies provide transaction privacy by default (something which is **not** guaranteed by the majority of cryptocurrencies), provided you have a strong understanding of how to make private payments effectively. We strongly encourage you first read our payments overview article before making any purchases: diff --git a/docs/data-redaction.md b/docs/data-redaction.md index f7b0e3d1..ef5b21b8 100644 --- a/docs/data-redaction.md +++ b/docs/data-redaction.md @@ -3,6 +3,7 @@ meta_title: "Remove PII with Metadata Scrubbers and Data Redaction Tools - Priva title: "Data and Metadata Redaction" icon: material/tag-remove description: Use these tools to remove metadata like GPS location and other identifying information from photos and files you share. +cover: data-redaction.png --- When sharing files, be sure to remove associated metadata. Image files commonly include [Exif](https://en.wikipedia.org/wiki/Exif) data. Photos sometimes even include GPS coordinates in the file metadata. diff --git a/docs/desktop-browsers.md b/docs/desktop-browsers.md index 5bfc966c..130fdf35 100644 --- a/docs/desktop-browsers.md +++ b/docs/desktop-browsers.md @@ -3,6 +3,7 @@ meta_title: "Privacy Respecting Web Browsers for PC and Mac - Privacy Guides" title: "Desktop Browsers" icon: material/laptop description: These web browsers provide stronger privacy protections than Google Chrome. +cover: desktop-browsers.png schema: - "@context": http://schema.org diff --git a/docs/desktop.md b/docs/desktop.md index a4c16976..1b9220d0 100644 --- a/docs/desktop.md +++ b/docs/desktop.md @@ -2,6 +2,7 @@ title: "Desktop/PC" icon: simple/linux description: Linux distributions are commonly recommended for privacy protection and software freedom. +cover: desktop.png --- Linux distributions are commonly recommended for privacy protection and software freedom. If you don't already use Linux, below are some distributions we suggest trying out, as well as some general privacy and security improvement tips that are applicable to many Linux distributions. diff --git a/docs/dns.md b/docs/dns.md index 9c5d5041..fd0f0ae1 100644 --- a/docs/dns.md +++ b/docs/dns.md @@ -2,6 +2,7 @@ title: "DNS Resolvers" icon: material/dns description: These are some encrypted DNS providers we recommend switching to, to replace your ISP's default configuration. +cover: dns.png --- Encrypted DNS with third-party servers should only be used to get around basic [DNS blocking](https://en.wikipedia.org/wiki/DNS_blocking) when you can be sure there won't be any consequences. Encrypted DNS will not help you hide any of your browsing activity. diff --git a/docs/email-clients.md b/docs/email-clients.md index 6c8b482c..674fcd6a 100644 --- a/docs/email-clients.md +++ b/docs/email-clients.md @@ -2,6 +2,7 @@ title: "Email Clients" icon: material/email-open description: These email clients are privacy-respecting and support OpenPGP email encryption. +cover: email-clients.png --- Our recommendation list contains email clients that support both [OpenPGP](encryption.md#openpgp) and strong authentication such as [Open Authorization (OAuth)](https://en.wikipedia.org/wiki/OAuth). OAuth allows you to use [Multi-Factor Authentication](basics/multi-factor-authentication.md) and prevent account theft. diff --git a/docs/email.md b/docs/email.md index c6099236..fca62729 100644 --- a/docs/email.md +++ b/docs/email.md @@ -3,6 +3,7 @@ meta_title: "Encrypted Private Email Recommendations - Privacy Guides" title: "Email Services" icon: material/email description: These email providers offer a great place to store your emails securely, and many offer interoperable OpenPGP encryption with other providers. +cover: email.png --- Email is practically a necessity for using any online service, however we do not recommend it for person-to-person conversations. Rather than using email to contact other people, consider using an instant messaging medium that supports forward secrecy. diff --git a/docs/encryption.md b/docs/encryption.md index 382577b5..c6047922 100644 --- a/docs/encryption.md +++ b/docs/encryption.md @@ -3,6 +3,7 @@ meta_title: "Recommended Encryption Software: VeraCrypt, Cryptomator, PicoCrypt, title: "Encryption Software" icon: material/file-lock description: Encryption of data is the only way to control who can access it. These tools allow you to encrypt your emails and any other files. +cover: encryption.png --- Encryption of data is the only way to control who can access it. If you are currently not using encryption software for your hard disk, emails or files, you should pick an option here. diff --git a/docs/file-sharing.md b/docs/file-sharing.md index 21f48c98..b7b905f1 100644 --- a/docs/file-sharing.md +++ b/docs/file-sharing.md @@ -2,6 +2,7 @@ title: "File Sharing and Sync" icon: material/share-variant description: Discover how to privately share your files between your devices, with your friends and family, or anonymously online. +cover: file-sharing.png --- Discover how to privately share your files between your devices, with your friends and family, or anonymously online. diff --git a/docs/financial-services.md b/docs/financial-services.md index bbfe3084..91a125bf 100644 --- a/docs/financial-services.md +++ b/docs/financial-services.md @@ -1,6 +1,7 @@ --- title: Financial Services icon: material/bank +cover: financial-services.png --- Making payments online is one of the biggest challenges to privacy. These services can assist you in protecting your privacy from merchants and other trackers, provided you have a strong understanding of how to make private payments effectively. We strongly encourage you first read our payments overview article before making any purchases: diff --git a/docs/frontends.md b/docs/frontends.md index 7c2eb59c..2e23705f 100644 --- a/docs/frontends.md +++ b/docs/frontends.md @@ -2,6 +2,7 @@ title: "Frontends" icon: material/flip-to-front description: These open-source frontends for various internet services allow you to access content without JavaScript or other annoyances. +cover: frontends.png --- Sometimes services will try to force you to sign up for an account by blocking access to content with annoying popups. They might also break without JavaScript enabled. These frontends can allow you to get around these restrictions. diff --git a/docs/mobile-browsers.md b/docs/mobile-browsers.md index a62950c7..2e21bec2 100644 --- a/docs/mobile-browsers.md +++ b/docs/mobile-browsers.md @@ -3,6 +3,7 @@ meta_title: "Privacy Respecting Mobile Web Browsers for Android and iOS - Privac title: "Mobile Browsers" icon: material/cellphone-information description: These browsers are what we currently recommend for standard/non-anonymous internet browsing on your phone. +cover: mobile-browsers.png schema: - "@context": http://schema.org diff --git a/docs/multi-factor-authentication.md b/docs/multi-factor-authentication.md index 1c0d8862..12d466d5 100644 --- a/docs/multi-factor-authentication.md +++ b/docs/multi-factor-authentication.md @@ -2,6 +2,7 @@ title: "Multi-Factor Authenticators" icon: 'material/two-factor-authentication' description: These tools assist you with securing your internet accounts with Multi-Factor Authentication without sending your secrets to a third-party. +cover: multi-factor-authentication.png --- ## Hardware Security Keys diff --git a/docs/news-aggregators.md b/docs/news-aggregators.md index 193cedac..e521249e 100644 --- a/docs/news-aggregators.md +++ b/docs/news-aggregators.md @@ -2,6 +2,7 @@ title: "News Aggregators" icon: material/rss description: These news aggregator clients let you keep up with your favorite blogs and news sites using internet standards like RSS. +cover: news-aggregators.png --- A [news aggregator](https://en.wikipedia.org/wiki/News_aggregator) is a way to keep up with your favorite blogs and news sites. diff --git a/docs/notebooks.md b/docs/notebooks.md index 5d3056af..91fc4d0a 100644 --- a/docs/notebooks.md +++ b/docs/notebooks.md @@ -2,6 +2,7 @@ title: "Notebooks" icon: material/notebook-edit-outline description: These encrypted note-taking apps let you keep track of your notes without giving them to a third-party. +cover: notebooks.png --- Keep track of your notes and journalings without giving them to a third-party. diff --git a/docs/passwords.md b/docs/passwords.md index aa688696..7ca82fcc 100644 --- a/docs/passwords.md +++ b/docs/passwords.md @@ -3,6 +3,7 @@ meta_title: "The Best Password Managers to Protect Your Privacy and Security - P title: "Password Managers" icon: material/form-textbox-password description: Password managers allow you to securely store and manage passwords and other credentials. +cover: passwords.png schema: - "@context": http://schema.org diff --git a/docs/productivity.md b/docs/productivity.md index 03889af4..2d3456b7 100644 --- a/docs/productivity.md +++ b/docs/productivity.md @@ -2,6 +2,7 @@ title: "Productivity Tools" icon: material/file-sign description: Most online office suites do not support E2EE, meaning the cloud provider has access to everything you do. +cover: productivity.png --- Most online office suites do not support E2EE, meaning the cloud provider has access to everything you do. The privacy policy may legally protect your rights, but it does not provide technical access constraints. diff --git a/docs/real-time-communication.md b/docs/real-time-communication.md index 06cf3eff..9f28de7e 100644 --- a/docs/real-time-communication.md +++ b/docs/real-time-communication.md @@ -3,6 +3,7 @@ meta_title: "The Best Private Instant Messengers - Privacy Guides" title: "Real-Time Communication" icon: material/chat-processing description: Other instant messengers make all of your private conversations available to the company that runs them. +cover: real-time-communication.png --- These are our recommendations for encrypted real-time communication. diff --git a/docs/router.md b/docs/router.md index 1b1de773..eec6a552 100644 --- a/docs/router.md +++ b/docs/router.md @@ -2,6 +2,7 @@ title: "Router Firmware" icon: material/router-wireless description: These alternative operating systems can be used to secure your router or Wi-Fi access point. +cover: router.png --- Below are a few alternative operating systems, that can be used on routers, Wi-Fi access points, etc. diff --git a/docs/search-engines.md b/docs/search-engines.md index 19f2ffd7..aee85802 100644 --- a/docs/search-engines.md +++ b/docs/search-engines.md @@ -3,6 +3,7 @@ meta_title: "Recommended Search Engines: Anonymous Google Alternatives - Privacy title: "Search Engines" icon: material/search-web description: These privacy-respecting search engines don't build an advertising profile based on your searches. +cover: search-engines.png --- Use a search engine that doesn't build an advertising profile based on your searches. diff --git a/docs/tor.md b/docs/tor.md index 1340242f..27acc8b8 100644 --- a/docs/tor.md +++ b/docs/tor.md @@ -3,6 +3,7 @@ meta_title: "Tor Browser and Network: Anonymous Web Browsing - Privacy Guides" title: "Tor Network" icon: simple/torproject description: Protect your internet browsing from prying eyes by using the Tor network, a secure network which circumvents censorship. +cover: tor.png schema: - "@context": http://schema.org diff --git a/docs/video-streaming.md b/docs/video-streaming.md index bd3bb8be..312deba2 100644 --- a/docs/video-streaming.md +++ b/docs/video-streaming.md @@ -2,6 +2,7 @@ title: "Video Streaming" icon: material/video-wireless description: These networks allow you to stream internet content without building an advertising profile based on your interests. +cover: video-streaming.png --- The primary threat when using a video streaming platform is that your streaming habits and subscription lists could be used to profile you. You should combine these tools with a [VPN](vpn.md) or [Tor](https://www.torproject.org/) to make it harder to profile your usage. diff --git a/docs/vpn.md b/docs/vpn.md index 958f8cd3..6b3d0a5f 100644 --- a/docs/vpn.md +++ b/docs/vpn.md @@ -3,6 +3,7 @@ meta_title: "Private VPN Service Recommendations and Comparison, No Sponsors or title: "VPN Services" icon: material/vpn description: These are the best VPN services for protecting your privacy and security online. Find a provider here that isn’t out to spy on you. +cover: vpn.png --- If you're looking for additional **privacy** from your ISP, on a public Wi-Fi network, or while torrenting files, a VPN may be the solution for you as long as you understand the risks involved. We think these providers are a cut above the rest: diff --git a/theme/assets/brand b/theme/assets/brand index b89a0f9c..88941809 160000 --- a/theme/assets/brand +++ b/theme/assets/brand @@ -1 +1 @@ -Subproject commit b89a0f9c5e93e12ef0f2ed77fed3092675b67ea0 +Subproject commit 8894180936c111540bfefefe0b51e235d1e915e6 diff --git a/theme/assets/img/cover/README.md b/theme/assets/img/cover/README.md new file mode 100644 index 00000000..50c63b7f --- /dev/null +++ b/theme/assets/img/cover/README.md @@ -0,0 +1,7 @@ +# Cover images + +The cover images in this folder were obtained from Unsplash. + +## License + +See the [Unsplash License](https://unsplash.com/license) for details. diff --git a/theme/assets/img/cover/android.png b/theme/assets/img/cover/android.png new file mode 100644 index 00000000..f098a9e6 Binary files /dev/null and b/theme/assets/img/cover/android.png differ diff --git a/theme/assets/img/cover/calendar.png b/theme/assets/img/cover/calendar.png new file mode 100644 index 00000000..4b14bf9e Binary files /dev/null and b/theme/assets/img/cover/calendar.png differ diff --git a/theme/assets/img/cover/cloud.png b/theme/assets/img/cover/cloud.png new file mode 100644 index 00000000..9a2c9efd Binary files /dev/null and b/theme/assets/img/cover/cloud.png differ diff --git a/theme/assets/img/cover/cryptocurrency.png b/theme/assets/img/cover/cryptocurrency.png new file mode 100644 index 00000000..fcff4b96 Binary files /dev/null and b/theme/assets/img/cover/cryptocurrency.png differ diff --git a/theme/assets/img/cover/data-redaction.png b/theme/assets/img/cover/data-redaction.png new file mode 100644 index 00000000..807f5d31 Binary files /dev/null and b/theme/assets/img/cover/data-redaction.png differ diff --git a/theme/assets/img/cover/desktop-browsers.png b/theme/assets/img/cover/desktop-browsers.png new file mode 100644 index 00000000..8d809950 Binary files /dev/null and b/theme/assets/img/cover/desktop-browsers.png differ diff --git a/theme/assets/img/cover/desktop.png b/theme/assets/img/cover/desktop.png new file mode 100644 index 00000000..981d9780 Binary files /dev/null and b/theme/assets/img/cover/desktop.png differ diff --git a/theme/assets/img/cover/dns.png b/theme/assets/img/cover/dns.png new file mode 100644 index 00000000..75394ec6 Binary files /dev/null and b/theme/assets/img/cover/dns.png differ diff --git a/theme/assets/img/cover/email-clients.png b/theme/assets/img/cover/email-clients.png new file mode 100644 index 00000000..f911fb26 Binary files /dev/null and b/theme/assets/img/cover/email-clients.png differ diff --git a/theme/assets/img/cover/email.png b/theme/assets/img/cover/email.png new file mode 100644 index 00000000..f6a5221c Binary files /dev/null and b/theme/assets/img/cover/email.png differ diff --git a/theme/assets/img/cover/encryption.png b/theme/assets/img/cover/encryption.png new file mode 100644 index 00000000..f000fbd9 Binary files /dev/null and b/theme/assets/img/cover/encryption.png differ diff --git a/theme/assets/img/cover/file-sharing.png b/theme/assets/img/cover/file-sharing.png new file mode 100644 index 00000000..0df611d6 Binary files /dev/null and b/theme/assets/img/cover/file-sharing.png differ diff --git a/theme/assets/img/cover/financial-services.png b/theme/assets/img/cover/financial-services.png new file mode 100644 index 00000000..eb37c571 Binary files /dev/null and b/theme/assets/img/cover/financial-services.png differ diff --git a/theme/assets/img/cover/frontends.png b/theme/assets/img/cover/frontends.png new file mode 100644 index 00000000..344058a6 Binary files /dev/null and b/theme/assets/img/cover/frontends.png differ diff --git a/theme/assets/img/cover/mobile-browsers.png b/theme/assets/img/cover/mobile-browsers.png new file mode 100644 index 00000000..d7753d74 Binary files /dev/null and b/theme/assets/img/cover/mobile-browsers.png differ diff --git a/theme/assets/img/cover/multi-factor-authentication.png b/theme/assets/img/cover/multi-factor-authentication.png new file mode 100644 index 00000000..04c45d55 Binary files /dev/null and b/theme/assets/img/cover/multi-factor-authentication.png differ diff --git a/theme/assets/img/cover/news-aggregators.png b/theme/assets/img/cover/news-aggregators.png new file mode 100644 index 00000000..1178bdc2 Binary files /dev/null and b/theme/assets/img/cover/news-aggregators.png differ diff --git a/theme/assets/img/cover/notebooks.png b/theme/assets/img/cover/notebooks.png new file mode 100644 index 00000000..3e4bc17e Binary files /dev/null and b/theme/assets/img/cover/notebooks.png differ diff --git a/theme/assets/img/cover/passwords.png b/theme/assets/img/cover/passwords.png new file mode 100644 index 00000000..d48c6f61 Binary files /dev/null and b/theme/assets/img/cover/passwords.png differ diff --git a/theme/assets/img/cover/productivity.png b/theme/assets/img/cover/productivity.png new file mode 100644 index 00000000..83554ea9 Binary files /dev/null and b/theme/assets/img/cover/productivity.png differ diff --git a/theme/assets/img/cover/real-time-communication.png b/theme/assets/img/cover/real-time-communication.png new file mode 100644 index 00000000..46e8b2e4 Binary files /dev/null and b/theme/assets/img/cover/real-time-communication.png differ diff --git a/theme/assets/img/cover/router.png b/theme/assets/img/cover/router.png new file mode 100644 index 00000000..43fdae23 Binary files /dev/null and b/theme/assets/img/cover/router.png differ diff --git a/theme/assets/img/cover/search-engines.png b/theme/assets/img/cover/search-engines.png new file mode 100644 index 00000000..b518dd4a Binary files /dev/null and b/theme/assets/img/cover/search-engines.png differ diff --git a/theme/assets/img/cover/tor.png b/theme/assets/img/cover/tor.png new file mode 100644 index 00000000..083feb3e Binary files /dev/null and b/theme/assets/img/cover/tor.png differ diff --git a/theme/assets/img/cover/video-streaming.png b/theme/assets/img/cover/video-streaming.png new file mode 100644 index 00000000..c12cb333 Binary files /dev/null and b/theme/assets/img/cover/video-streaming.png differ diff --git a/theme/assets/img/cover/vpn.png b/theme/assets/img/cover/vpn.png new file mode 100644 index 00000000..a507b276 Binary files /dev/null and b/theme/assets/img/cover/vpn.png differ diff --git a/theme/assets/stylesheets/extra.css b/theme/assets/stylesheets/extra.css index c217b5eb..7849fd1e 100644 --- a/theme/assets/stylesheets/extra.css +++ b/theme/assets/stylesheets/extra.css @@ -454,3 +454,31 @@ div[class="md-source__icon md-icon"], div[class="md-source__repository md-source path[d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25Z"] { d: path('M16.937 3.722a2.363 2.363 0 1 1 3.341 3.341L19.342 8 16 4.658l.937-.936ZM13.467 7 3 17.467V21h3.532L17 10.533 13.465 7h.001Z') } + +/* Cover images */ +.center-cropped { + width: 100%; + height: 200px; + background-position: center center; + background-size: cover; + background-repeat: no-repeat; + overflow: hidden; + position: relative; + text-align: center; + border-radius: 0.5em; +} + +/* Set the image to fill its parent and make transparent */ +.center-cropped img { + min-height: 100%; + min-width: 100%; + opacity: 0; +} + +.center-cropped h1 { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: white; +} diff --git a/theme/main.html b/theme/main.html index b74432ad..9e38fe9c 100644 --- a/theme/main.html +++ b/theme/main.html @@ -84,13 +84,31 @@ Visit privacyguides.org for current advice. {% else %}{% endif %}{% endblock %} -{% block extrahead %}{% if page and page.meta and page.meta.schema %} +{% block extrahead %} + +{% if page and page.meta and page.meta.schema %} {% endif %}{% endblock %} {% block content %} - {% include "partials/content.html" %} + {% if page and page.meta and page.meta.cover %} +
+

{{ page.title | d(config.site_name, true)}}

+ {{ page.title | d(config.site_name, true)}} cover image +
+ {% endif %} + {% if "material/tags" in config.plugins %} + {% include "partials/tags.html" %} + {% endif %} + {% include "partials/actions.html" %} + {% if "\x3ch1" not in page.content and not page.meta.cover %} +

{{ page.title | d(config.site_name, true)}}

+ {% endif %} + {{ page.content }} + {% include "partials/source-file.html" %} + {% include "partials/feedback.html" %} + {% include "partials/comments.html" %} {% if config.theme.language == "es" %}

Está viendo la copia en español de Privacy Guides, traducidas por nuestro fantástico equipo lingüístico en Crowdin. Si nota un error o ve alguna sección sin traducir en esta página, ¡considere ayudar!