diff --git a/docs/android.en.md b/docs/android.en.md index c21b0fb2..93dcce61 100644 --- a/docs/android.en.md +++ b/docs/android.en.md @@ -5,8 +5,8 @@ icon: 'fontawesome/brands/android' These are the Android operating systems, devices, and apps we recommend to maximize your mobile device's security and privacy. We also have additional Android-related information: -- [General Android Overview and Recommendations :material-arrow-right:](android/overview.md) -- [GrapheneOS vs CalyxOS Comparison :material-arrow-right:](android/grapheneos-vs-calyxos.md) +- [General Android Overview and Recommendations :hero-arrow-circle-right-fill:](android/overview.md) +- [GrapheneOS vs CalyxOS Comparison :hero-arrow-circle-right-fill:](android/grapheneos-vs-calyxos.md) ## AOSP Derivatives diff --git a/docs/android/overview.en.md b/docs/android/overview.en.md index c5ef76ab..ec164a60 100644 --- a/docs/android/overview.en.md +++ b/docs/android/overview.en.md @@ -12,7 +12,7 @@ This problem could be solved by using a custom Android distribution that does no Ideally, when choosing a custom Android distribution, you should make sure that it upholds the Android security model. At the very least, the distribution should have production builds, support for AVB, rollback protection, timely firmware and operating system updates, and SELinux in [enforcing mode](https://source.android.com/security/selinux/concepts#enforcement_levels). All of our recommended Android distributions satisfy these criteria. -[Our Android System Recommendations :material-arrow-right:](../android.md){ .md-button } +[Our Android System Recommendations :hero-arrow-circle-right-fill:](../android.md){ .md-button } ## Avoid Rooting diff --git a/docs/assets/brand b/docs/assets/brand index 7e94d7a5..1592903b 160000 --- a/docs/assets/brand +++ b/docs/assets/brand @@ -1 +1 @@ -Subproject commit 7e94d7a5d77d60b336fc25a6d60f9de560d5af1c +Subproject commit 1592903b4085b396cb67506f3c92facf02cd0dc9 diff --git a/docs/assets/img/calendar-contacts/mini/proton-calendar.svg b/docs/assets/img/calendar-contacts/mini/proton-calendar.svg deleted file mode 100644 index 5e0f1393..00000000 --- a/docs/assets/img/calendar-contacts/mini/proton-calendar.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/docs/assets/img/calendar-contacts/proton-calendar.svg b/docs/assets/img/calendar-contacts/proton-calendar.svg index 90ac11c6..5e0f1393 100644 --- a/docs/assets/img/calendar-contacts/proton-calendar.svg +++ b/docs/assets/img/calendar-contacts/proton-calendar.svg @@ -1,2 +1,2 @@ - + diff --git a/docs/assets/img/cloud/mini/protondrive.svg b/docs/assets/img/cloud/mini/protondrive.svg deleted file mode 100644 index e5e41616..00000000 --- a/docs/assets/img/cloud/mini/protondrive.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/docs/assets/img/cloud/protondrive.svg b/docs/assets/img/cloud/protondrive.svg index 595fcc92..e5e41616 100644 --- a/docs/assets/img/cloud/protondrive.svg +++ b/docs/assets/img/cloud/protondrive.svg @@ -1,2 +1,2 @@ - + diff --git a/docs/assets/img/email/mini/protonmail.svg b/docs/assets/img/email/mini/protonmail.svg deleted file mode 100644 index 59eba656..00000000 --- a/docs/assets/img/email/mini/protonmail.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/docs/assets/img/email/protonmail.svg b/docs/assets/img/email/protonmail.svg index 22b78dc9..59eba656 100644 --- a/docs/assets/img/email/protonmail.svg +++ b/docs/assets/img/email/protonmail.svg @@ -1,23 +1,13 @@ - - - - - - - - - - - + - - + + - + - + diff --git a/docs/assets/img/vpn/mini/protonvpn.svg b/docs/assets/img/vpn/mini/protonvpn.svg deleted file mode 100644 index 2d3b0fdf..00000000 --- a/docs/assets/img/vpn/mini/protonvpn.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/docs/assets/img/vpn/protonvpn.svg b/docs/assets/img/vpn/protonvpn.svg index 36423ff5..2d3b0fdf 100644 --- a/docs/assets/img/vpn/protonvpn.svg +++ b/docs/assets/img/vpn/protonvpn.svg @@ -1,2 +1,2 @@ - + diff --git a/docs/assets/stylesheets/extra.css b/docs/assets/stylesheets/extra.css index 5e9b3ef0..bc6b96d8 100644 --- a/docs/assets/stylesheets/extra.css +++ b/docs/assets/stylesheets/extra.css @@ -62,13 +62,55 @@ /* Define brand */ :root, [data-md-color-scheme="default"] { - --md-primary-fg-color: #FFD06F; - --md-primary-fg-color--light: #ffdd98; + --md-default-bg-color: rgb(247, 247, 252); + --md-primary-fg-color: rgb(255, 255, 255); + --md-primary-fg-color--light: #FFD06F; --md-primary-fg-color--dark: #db9d21; --md-primary-bg-color: rgba(0,0,0,.75); --md-primary-bg-color--light: rgba(0,0,0,.54); + --md-accent-fg-color: #4e30e6; --md-text-font: "Public Sans", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; --md-code-font: "DM Mono", SFMono-Regular, Consolas, Menlo, monospace; + --pg-light-border: rgb(229, 231, 235); + --pg-hero-color: rgb(45, 45, 45); + --pg-purple: #603aa0; + --pg-red: #c0322f; + --pg-orange: #ac2f09; + --pg-teal: #04756a; + --pg-brown: #8d6e62; + --pg-blue: #0e66ae; + --pg-green: #2e7e31; + --pg-blue-gray: #546d78; +} +:root, [data-md-color-scheme="slate"] { + --md-default-bg-color: rgb(26, 26, 27); + --md-primary-fg-color: rgb(15, 15, 15); + --md-primary-fg-color--light: #FFD06F; + --md-primary-fg-color--dark: #db9d21; + --md-primary-bg-color: rgba(0,0,0,.75); + --md-primary-bg-color--light: rgba(0,0,0,.54); + --md-accent-fg-color: #ffdb57; + --md-text-font: "Public Sans", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; + --md-code-font: "DM Mono", SFMono-Regular, Consolas, Menlo, monospace; + --pg-light-border: rgb(47, 47, 47); + --pg-hero-color: #FFD06F; + --pg-purple: #af94de; + --pg-red: #ff6c6a; + --pg-orange: #e97b5a; + --pg-teal: #8dc6c1; + --pg-brown: #b6988c; + --pg-blue: #74b9f1; + --pg-green: #72cd75; + --pg-blue-gray: #9ab2bc; + --md-footer-bg-color--dark: var(--md-default-bg-color); +} + +/* Better contrast link colors */ +[data-md-color-scheme="default"] > * { + --md-typeset-a-color: rgb(79, 70, 229); +} +[data-md-color-scheme="slate"] > * { + --md-typeset-a-color: rgb(255, 208, 111); } /* Hide shadow under navigation */ @@ -77,30 +119,52 @@ box-shadow: none; } -/* Better contrast link colors */ -[data-md-color-scheme="default"] > * { - --md-typeset-a-color: rgb(79, 70, 229); -} - -[data-md-color-scheme="slate"] { - --md-typeset-a-color: #CBBDFF; -} - -/* Purple buttons */ +/* buttons */ .md-typeset .md-button { - color: var(--md-typeset-a-color); - margin-bottom: 5px; + color: var(--md-typeset-color); + background: none; + border: 1px solid var(--pg-light-border); border-radius: 6px; + box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; } .md-typeset .md-button--primary { - color: white; - background-color: var(--md-typeset-a-color); - border-color: var(--md-typeset-a-color); -} -[data-md-color-scheme="slate"] .md-typeset .md-button--primary { - color: var(--md-primary-bg-color); + color: var(--md-typeset-a-color); + background-color: var(--md-primary-fg-color); } +.md-typeset .grid.cards > :is(ul, ol) > li, .md-typeset .grid > .card { /* Firefox */ + color: var(--md-typeset-color); + background: var(--md-primary-fg-color); + border: 1px solid var(--pg-light-border); + border-radius: 6px; + box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; + transition: none; +} + +.md-typeset .grid.cards>:-webkit-any(ul,ol)>li, .md-typeset .grid>.card { /* Webkit */ + color: var(--md-typeset-color); + background: var(--md-primary-fg-color); + border: 1px solid var(--pg-light-border); + border-radius: 6px; + box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; + transition: none; +} + +.md-typeset .grid.cards > :is(ul, ol) > li:is(:focus-within, :hover), .md-typeset .grid > .card:is(:focus-within, :hover) { /* Firefox */ + box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; + border-color: var(--md-accent-fg-color); +} + +.md-typeset .grid.cards>:-webkit-any(ul,ol)>li:-webkit-any(:focus-within,:hover) { /* Webkit */ + box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px; + border-color: var(--md-accent-fg-color); +} + +/* header font */ + +.md-header__topic:first-child { + font-weight: 300; +} h1, h2, h3, .md-header__topic { font-family: "Bagnard", serif; } @@ -108,13 +172,9 @@ h1, h2, h3, .md-header__topic { /* Recommendation cards */ .md-typeset .admonition.recommendation, .md-typeset details.recommendation { - border: 1px solid #ccc; + border: 1px solid var(--pg-light-border); font-size: inherit; } -[data-md-color-scheme="slate"] .md-typeset .admonition.recommendation, -[data-md-color-scheme="slate"] .md-typeset details.recommendation { - border: 1px solid #666; -} .md-typeset .recommendation > .admonition-title, .md-typeset .recommendation > summary { background-color: rgba(43, 155, 70, 0.0); @@ -199,52 +259,28 @@ details[class="downloads annotate"] > p .md-annotation span span::before { /* Badge colors */ .pg-purple { - color: #603aa0; -} -[data-md-color-scheme="slate"] .pg-purple { - color: #af94de; + color: var(--pg-purple); } .pg-red { - color: #c0322f; -} -[data-md-color-scheme="slate"] .pg-red { - color: #ff6c6a; + color: var(--pg-red); } .pg-orange { - color: #ac2f09; -} -[data-md-color-scheme="slate"] .pg-orange { - color: #e97b5a; + color: var(--pg-orange); } .pg-teal { - color: #04756a; -} -[data-md-color-scheme="slate"] .pg-teal { - color: #8dc6c1; + color: var(--pg-teal); } .pg-brown { - color: #8d6e62; -} -[data-md-color-scheme="slate"] .pg-brown { - color: #b6988c; + color: var(--pg-brown); } .pg-blue { - color: #0e66ae; -} -[data-md-color-scheme="slate"] .pg-blue { - color: #74b9f1; + color: var(--pg-blue); } .pg-green { - color: #2e7e31; -} -[data-md-color-scheme="slate"] .pg-green { - color: #72cd75; + color: var(--pg-green); } .pg-blue-gray { - color: #546d78; -} -[data-md-color-scheme="slate"] .pg-blue-gray { - color: #9ab2bc; + color: var(--pg-blue-gray); } /* Make light/dark mode icon smaller */ @@ -253,50 +289,187 @@ label[class="md-header__button md-icon"] svg { width: 1rem; } +/* Custom header + nav */ +.md-header >*, .md-tabs { + background: none; +} + +[data-md-color-scheme="slate"] .md-header >*, [data-md-color-scheme="slate"] .md-tabs { + color: #fff; +} + +.md-header__button { + color: var(--md-default-fg-color--light); +} + +.md-header, .md-tabs { /* firefox fallback */ + background-color: rgba(255, 255, 255, .95); +} + +[data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs { /* firefox fallback */ + background-color: rgba(9, 9, 9, 0.95); +} + +@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { + .md-header, .md-tabs { + background-color: rgba(255, 255, 255, .6); + -webkit-backdrop-filter: blur(12px); + backdrop-filter: blur(12px); + } + [data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs { + background-color: rgba(0, 0, 0, 0.5); + -webkit-backdrop-filter: blur(12px); + backdrop-filter: blur(12px); + } +} + +[data-md-color-scheme="default"] img[src$="#only-dark"] { + display: none !important; +} + +[data-md-color-scheme="slate"] img[src$="#only-light"] { + display: none !important; +} + +[data-md-color-scheme="slate"] .md-nav--primary .md-nav__title[for="__drawer"] { + color: var(--md-typeset-a-color) +} + +@media screen and (max-width: 59.9375em) { + .md-nav__source { + display: none; + } +} + +header[class="md-header md-header--shadow"], nav[class="md-tabs"] { + border-bottom: 1px solid var(--pg-light-border); +} + +@media screen and (min-width: 60em) { + .md-search__overlay { + background-color: transparent; + } + + .md-search__form { + border: 1px solid var(--pg-light-border); + background-color: var(--md-primary-fg-color) !important; + box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 1px 2px -1px; + border-radius: 6px; + height: 1.4rem; + } + + [data-md-toggle="search"]:checked ~ .md-header .md-search__form { + border-radius: 6px 6px 0 0; + } + + [dir="ltr"] .md-search__output { + top: initial; + border-radius: 0 0 6px 6px; + } + + [data-md-toggle="search"]:checked ~ .md-header .md-search__output { + box-shadow: 0 0 .6rem rgba(0,0,0,.07); + } + + .md-search__input { + font-size: .6rem; + } + + .md-search__options { + top: .05rem; + } + + .md-search__icon, .md-search__input::placeholder { + color: var(--md-default-fg-color--light) !important; + } + + .md-search__icon svg { + width: .75rem; + height: .75rem; + } +} + +div[class="md-source__icon md-icon"], div[class="md-source__repository md-source__repository--active"] *:not(.md-source__facts):not(.md-source__fact) { + display: none; +} + +.md-source__fact::before { + color: var(--md-default-fg-color--light); +} + +.md-header__option { + transition: max-width 0ms,opacity 0ms; +} + +.md-header__source { + text-align: right; + width: initial; + margin-right: 1em; +} + +[dir="ltr"] .md-source__icon + .md-source__repository { + padding-left: 0; +} + +.md-source__repository { + max-width: initial; +} + +form[class="md-header__option"] > label[class="md-header__button md-icon"] > svg { + fill: none !important; +} + +.md-tabs__link--active { + background: + radial-gradient(farthest-side, var(--md-primary-fg-color--light) 98%,transparent 100%) bottom right/2px 2px, + radial-gradient(farthest-side, var(--md-primary-fg-color--light) 98%,transparent 100%) bottom left /2px 2px, + linear-gradient(var(--md-primary-fg-color--light),var(--md-primary-fg-color--light)) bottom/calc(100% - 2px) 2px; + background-repeat:no-repeat; + background-origin: padding-box; + padding-bottom: 2px; +} + +/* Redesigned admonitions */ + +.md-typeset .admonition.recommendation { + border: 1px solid var(--pg-light-border); +} + .md-typeset :is(.admonition, details) { + background-color: var(--md-primary-fg-color); box-shadow: none; border-radius: 6px; border: 1px solid; border-left-width: 1px!important; } + .md-typeset :is(.admonition-title, summary) { margin-left: -0.6rem!important; } + .md-typeset details:not(.downloads, [open]) summary:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.6); } + [data-md-color-scheme="slate"] .md-typeset details:not(.downloads, [open]) summary:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1); } -[data-md-color-scheme="default"] .md-search__form { - background-color: hsla(0,0%,100%,.3); -} -.md-search__form { - border-radius: 6px; -} -.md-search__form:hover { - background-color: hsla(0,0%,100%,.9); -} -[data-md-color-scheme="slate"] .md-search__form:hover { - background-color: rgba(0, 0, 0, 0.4); -} -[data-md-toggle="search"]:checked ~ .md-header .md-search__form { - border-radius: 6px 6px 0 0; - box-shadow: none; -} -[data-md-toggle="search"]:checked ~ .md-header .md-search__output { - border-radius: 0 0 6px 6px; - box-shadow: none; + +.md-typeset .recommendation img[align="right"] { + width: 100px; } + +/* Custom tooltips */ .md-tooltip { + background-color: var(--md-primary-fg-color); border-radius: 6px; - box-shadow: none; - border: 1px solid rgba(128, 128, 128, 0.3); } -.md-typeset .grid.cards > :is(ul, ol) > li, .md-typeset .grid > .card { - border-radius: 6px!important; + +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') } -.md-typeset .grid.cards > :is(ul, ol) > li:is(:focus-within, :hover), .md-typeset .grid > .card:is(:focus-within, :hover) { - box-shadow: none!important; - border-color: rgba(128, 128, 128, 0.5)!important; + +/* Custom footer */ +button[class="md-feedback__icon md-icon"] svg { + fill: none !important; } diff --git a/docs/assets/stylesheets/home.css b/docs/assets/stylesheets/home.css index 8b89e1bb..2e9a9d2e 100644 --- a/docs/assets/stylesheets/home.css +++ b/docs/assets/stylesheets/home.css @@ -1,23 +1,21 @@ /* Homepage hero section */ .mdx-container { - background: url("data:image/svg+xml;utf8,") + background: url("data:image/svg+xml;utf8,") no-repeat bottom, - linear-gradient(to bottom, var(--md-primary-fg-color), var(--md-primary-fg-color--light) 99%, var(--md-default-bg-color) 99%); + linear-gradient(to bottom, rgb(255 255 255/.8), #ffdd98 99%, var(--md-default-bg-color) 99%); padding-top: 1rem; } [data-md-color-scheme="slate"] .mdx-container { - background: url("data:image/svg+xml;utf8,") - no-repeat bottom, - linear-gradient(to bottom, var(--md-primary-fg-color), var(--md-primary-fg-color--dark) 99%, var(--md-default-bg-color) 99%); + background: url("data:image/svg+xml;utf8,") + no-repeat bottom, rgba(9, 9, 9, 0.95); } .mdx-hero { - color: var(--md-primary-bg-color); + color: var(--pg-hero-color); margin: 0 0.8rem; } .mdx-hero h1 { color: currentcolor; - font-weight: 700; margin-bottom: 1rem; font-size: 2.6rem; } @@ -51,18 +49,19 @@ } } .mdx-hero .md-button { - color: var(--md-primary-bg-color); + color: var(--pg-hero-color); + border-color: var(--pg-hero-color); } [data-md-color-scheme="slate"] .mdx-hero .md-button--primary { color: var(--md-primary-fg-color); } .mdx-hero .md-button--primary { color: var(--md-primary-fg-color); - background-color: var(--md-primary-bg-color); + background-color: var(--pg-hero-color); border-color: transparent; margin-right: 0.5rem; margin-top: 0.5rem; } -.mdx-hero .md-button--primary:is(:focus, :hover) { - color: white; +nav[class="md-tabs"] { + border-bottom: none; } diff --git a/docs/basics/common-threats.en.md b/docs/basics/common-threats.en.md index 495f7ac5..08cc757b 100644 --- a/docs/basics/common-threats.en.md +++ b/docs/basics/common-threats.en.md @@ -108,7 +108,7 @@ Additionally, even companies outside of the ad-tech/tracking space can share you The best way to ensure your data is private is to simply not put it out there in the first place. Deleting information you find about yourself online is one of the best first steps you can take to regain your privacy. -- [View our guide on account deletion :material-arrow-right:](account-deletion.md) +- [View our guide on account deletion :hero-arrow-circle-right-fill:](account-deletion.md) On sites where you do share information, checking the privacy settings of your account to limit how widely that data is spread is very important. For example, if your accounts have a "private mode," enable it to make sure your account isn't being indexed by search engines and can't be viewed by people you don't vet beforehand. diff --git a/docs/basics/threat-modeling.en.md b/docs/basics/threat-modeling.en.md index 3de842c5..c6b65642 100644 --- a/docs/basics/threat-modeling.en.md +++ b/docs/basics/threat-modeling.en.md @@ -97,7 +97,7 @@ Making a security plan will help you to understand the threats that are unique t For people looking to increase their privacy and security online, we've compiled a list of common threats our visitors face or goals our visitors have, to give you some inspiration and demonstrate the basis of our recommendations. -- [Common Goals and Threats :material-arrow-right:](common-threats.md) +- [Common Goals and Threats :hero-arrow-circle-right-fill:](common-threats.md) ## Sources diff --git a/docs/linux-desktop.en.md b/docs/linux-desktop.en.md index c32faf5c..31252b56 100644 --- a/docs/linux-desktop.en.md +++ b/docs/linux-desktop.en.md @@ -4,7 +4,7 @@ icon: fontawesome/brands/linux --- Linux distributions are commonly recommended for privacy protection and software freedom. -- [General Linux Overview :material-arrow-right:](linux-desktop/overview.md) +- [General Linux Overview :hero-arrow-circle-right-fill:](linux-desktop/overview.md) 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/linux-desktop/overview.en.md b/docs/linux-desktop/overview.en.md index 81f7a9bb..06dddbd6 100644 --- a/docs/linux-desktop/overview.en.md +++ b/docs/linux-desktop/overview.en.md @@ -18,7 +18,7 @@ Despite these drawbacks, desktop GNU/Linux distributions are great if you want t Our website generally uses the term “Linux” to describe desktop GNU/Linux distributions. Other operating systems which also use the Linux kernel such as ChromeOS, Android, and Qubes OS are not discussed here. -[Our Linux Recommendations :material-arrow-right:](../linux-desktop.md){ .md-button } +[Our Linux Recommendations :hero-arrow-circle-right-fill:](../linux-desktop.md){ .md-button } ## Choosing your distribution @@ -77,7 +77,7 @@ We strongly recommend **against** using the Linux-libre kernel, since it [remove Most Linux distributions have an option within its installer for enabling [LUKS](/encryption.md#linux-unified-key-setup) FDE. If this option isn’t set at installation time, you will have to backup your data and re-install, as encryption is applied after [disk partitioning](https://en.wikipedia.org/wiki/Disk_partitioning), but before [file systems](https://en.wikipedia.org/wiki/File_system) are formatted. We also suggest securely erasing your storage device: -- [Secure Data Erasure :material-arrow-right:](../basics/erasing-data.md) +- [Secure Data Erasure :hero-arrow-circle-right-fill:](../basics/erasing-data.md) ### Swap diff --git a/docs/setup/integrating-metadata-removal.en.md b/docs/setup/integrating-metadata-removal.en.md index b3c319fa..27b87b33 100644 --- a/docs/setup/integrating-metadata-removal.en.md +++ b/docs/setup/integrating-metadata-removal.en.md @@ -7,7 +7,7 @@ When sharing files, it's important to remove associated metadata. Image files co While there are plenty of metadata removal tools, they typically aren't convenient to use. The guides featured here aim to detail how to integrate metadata removal tools in a simple fashion by utilizing easy-to-access system features. -- [Recommended metadata removal tools :material-arrow-right:](../metadata-removal-tools.md) +- [Recommended metadata removal tools :hero-arrow-circle-right-fill:](../metadata-removal-tools.md) ## macOS diff --git a/docs/tools.en.md b/docs/tools.en.md index 464e22c1..060bdede 100644 --- a/docs/tools.en.md +++ b/docs/tools.en.md @@ -23,7 +23,7 @@ For your convenience, everything we recommend is listed below with a link to the -[Learn more :material-arrow-right:](browsers.md) +[Learn more :hero-arrow-circle-right-fill:](browsers.md) **Additional Resources:** @@ -39,7 +39,7 @@ For your convenience, everything we recommend is listed below with a link to the 1. Snowflake does not increase privacy, however it allows you to easily contribute to the Tor network and help people in censored networks achieve better privacy. 2. We do not recommend installing ToS;DR as a browser extension. The same information is provided on their website. -[Learn more :material-arrow-right:](browsers.md#additional-resources) +[Learn more :hero-arrow-circle-right-fill:](browsers.md#additional-resources) ## Operating Systems @@ -53,7 +53,7 @@ For your convenience, everything we recommend is listed below with a link to the -[Learn more :material-arrow-right:](android.md) +[Learn more :hero-arrow-circle-right-fill:](android.md) **Android Apps:** @@ -69,7 +69,7 @@ For your convenience, everything we recommend is listed below with a link to the -[Learn more :material-arrow-right:](android.md#general-apps) +[Learn more :hero-arrow-circle-right-fill:](android.md#general-apps) ### Linux @@ -88,7 +88,7 @@ For your convenience, everything we recommend is listed below with a link to the 1. Qubes uses Xen to provide strong sandboxing between multiple Linux virtual machine installations, and can run most Linux applications. [Learn more about Qubes...](qubes.md) -[Learn more :material-arrow-right:](linux-desktop.md) +[Learn more :hero-arrow-circle-right-fill:](linux-desktop.md) ### Router Firmware @@ -99,7 +99,7 @@ For your convenience, everything we recommend is listed below with a link to the -[Learn more :material-arrow-right:](router.md) +[Learn more :hero-arrow-circle-right-fill:](router.md) ## Service Providers @@ -108,13 +108,13 @@ For your convenience, everything we recommend is listed below with a link to the
- ![Nextcloud logo](assets/img/cloud/nextcloud.svg){ .twemoji } [Nextcloud (Self-Hostable)](cloud.md#nextcloud) -- ![Proton Drive logo](assets/img/cloud/mini/protondrive.svg){ .twemoji } [Proton Drive](cloud.md#proton-drive) +- ![Proton Drive logo](assets/img/cloud/protondrive.svg){ .twemoji } [Proton Drive](cloud.md#proton-drive) - ![Cryptee logo](assets/img/cloud/cryptee.svg#only-light){ .twemoji }![Cryptee logo](assets/img/cloud/cryptee-dark.svg#only-dark){ .twemoji } [Cryptee](cloud.md#cryptee) - ![Tahoe-LAFS logo](assets/img/cloud/tahoe-lafs.svg#only-light){ .twemoji }![Tahoe-LAFS logo](assets/img/cloud/tahoe-lafs-dark.svg#only-dark){ .twemoji } [Tahoe-LAFS (Advanced)](cloud.md#tahoe-lafs)
-[Learn more :material-arrow-right:](cloud.md) +[Learn more :hero-arrow-circle-right-fill:](cloud.md) ### DNS @@ -122,7 +122,7 @@ For your convenience, everything we recommend is listed below with a link to the We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers based on a variety of criteria, such as [Mullvad](https://mullvad.net/en/help/dns-over-https-and-dns-over-tls) and [Quad9](https://quad9.net/) amongst others. We recommend for you to read our pages on DNS before choosing a provider. In many cases, using an alternative DNS provider is not recommended. -[Learn more :material-arrow-right:](dns.md) +[Learn more :hero-arrow-circle-right-fill:](dns.md) **Encrypted DNS Proxies:** @@ -134,7 +134,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](dns.md#encrypted-dns-proxies) +[Learn more :hero-arrow-circle-right-fill:](dns.md#encrypted-dns-proxies) **Self-hosted Solutions:** @@ -145,20 +145,20 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](dns.md#self-hosted-solutions) +[Learn more :hero-arrow-circle-right-fill:](dns.md#self-hosted-solutions) ### Email
-- ![Proton Mail logo](assets/img/email/mini/protonmail.svg){ .twemoji } [Proton Mail](email.md#protonmail) +- ![Proton Mail logo](assets/img/email/protonmail.svg){ .twemoji } [Proton Mail](email.md#protonmail) - ![Mailbox.org logo](assets/img/email/mini/mailboxorg.svg){ .twemoji } [Mailbox.org](email.md#mailboxorg) - ![Tutanota logo](assets/img/email/mini/tutanota.svg){ .twemoji } [Tutanota](email.md#tutanota) - ![StartMail logo](assets/img/email/mini/startmail.svg#only-light){ .twemoji }![StartMail logo](assets/img/email/mini/startmail-dark.svg#only-dark){ .twemoji } [StartMail](email.md#startmail)
-[Learn more :material-arrow-right:](email.md) +[Learn more :hero-arrow-circle-right-fill:](email.md) **Email Aliasing Services:** @@ -169,7 +169,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](email.md#email-aliasing-services) +[Learn more :hero-arrow-circle-right-fill:](email.md#email-aliasing-services) **Self-Hosting Email:** @@ -180,7 +180,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](email.md#self-hosting-email) +[Learn more :hero-arrow-circle-right-fill:](email.md#self-hosting-email) ### Search Engines @@ -193,7 +193,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](search-engines.md) +[Learn more :hero-arrow-circle-right-fill:](search-engines.md) ### VPN Providers @@ -205,17 +205,17 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b If you're looking for added **security**, you should always ensure you're connecting to websites using HTTPS. A VPN is not a replacement for good security practices. - [Learn more :material-arrow-right:](vpn.md) + [Learn more :hero-arrow-circle-right-fill:](vpn.md)
- ![Mullvad logo](assets/img/vpn/mini/mullvad.svg){ .twemoji } [Mullvad](vpn.md#mullvad) -- ![Proton VPN logo](assets/img/vpn/mini/protonvpn.svg){ .twemoji } [Proton VPN](vpn.md#protonvpn) +- ![Proton VPN logo](assets/img/vpn/protonvpn.svg){ .twemoji } [Proton VPN](vpn.md#protonvpn) - ![IVPN logo](assets/img/vpn/mini/ivpn.svg){ .twemoji } [IVPN](vpn.md#ivpn)
-[Learn more :material-arrow-right:](vpn.md) +[Learn more :hero-arrow-circle-right-fill:](vpn.md) ## Software @@ -224,14 +224,14 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b
- ![Tutanota logo](assets/img/calendar-contacts/tutanota.svg){ .twemoji } [Tutanota (SaaS)](calendar-contacts.md#tutanota) -- ![Proton Calendar logo](assets/img/calendar-contacts/mini/proton-calendar.svg){ .twemoji } [Proton Calendar (SaaS)](calendar-contacts.md#proton-calendar) +- ![Proton Calendar logo](assets/img/calendar-contacts/proton-calendar.svg){ .twemoji } [Proton Calendar (SaaS)](calendar-contacts.md#proton-calendar) - ![EteSync logo](assets/img/calendar-contacts/etesync.svg){ .twemoji } [EteSync](calendar-contacts.md#etesync) - ![Tutanota logo](assets/img/calendar-contacts/nextcloud.svg){ .twemoji } [Nextcloud](calendar-contacts.md#nextcloud) - ![DecSync CC logo](assets/img/calendar-contacts/decsync.svg){ .twemoji } [DecSync CC](calendar-contacts.md#decsync-cc)
-[Learn more :material-arrow-right:](calendar-contacts.md) +[Learn more :hero-arrow-circle-right-fill:](calendar-contacts.md) ### Notebooks @@ -244,7 +244,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](notebooks.md) +[Learn more :hero-arrow-circle-right-fill:](notebooks.md) ### Email Clients @@ -262,7 +262,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](email-clients.md) +[Learn more :hero-arrow-circle-right-fill:](email-clients.md) ### Encryption Tools @@ -270,7 +270,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b For encrypting your operating system drive, we typically recommend using whichever encryption tool your operating system provides, whether that is **BitLocker** on Windows, **FileVault** on macOS, or **LUKS** on Linux. These tools are included with the operating system and typically utilize hardware encryption elements such as a TPM that other full-disk encryption software like VeraCrypt do not. VeraCrypt is still suitable for non-operating system disks such as external drives, especially drives that may be accessed from multiple operating systems. - [Learn more :material-arrow-right:](encryption.md##operating-system-included-full-disk-encryption-fde) + [Learn more :hero-arrow-circle-right-fill:](encryption.md##operating-system-included-full-disk-encryption-fde)
@@ -283,7 +283,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b
-[Learn more :material-arrow-right:](encryption.md) +[Learn more :hero-arrow-circle-right-fill:](encryption.md) **OpenPGP Clients:** @@ -296,7 +296,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](encryption.md#openpgp) +[Learn more :hero-arrow-circle-right-fill:](encryption.md#openpgp) ### File Sharing @@ -310,7 +310,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](file-sharing.md) +[Learn more :hero-arrow-circle-right-fill:](file-sharing.md) ### Metadata Removal Tools @@ -325,7 +325,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](metadata-removal-tools.md) +[Learn more :hero-arrow-circle-right-fill:](metadata-removal-tools.md) ### Multi-Factor Authentication Tools @@ -338,7 +338,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](multi-factor-authentication.md) +[Learn more :hero-arrow-circle-right-fill:](multi-factor-authentication.md) ### Password Managers @@ -353,7 +353,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](passwords.md) +[Learn more :hero-arrow-circle-right-fill:](passwords.md) ### Productivity Tools @@ -369,7 +369,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](productivity.md) +[Learn more :hero-arrow-circle-right-fill:](productivity.md) ### Real-Time Communication @@ -382,7 +382,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](real-time-communication.md) +[Learn more :hero-arrow-circle-right-fill:](real-time-communication.md) ### News Aggregators @@ -398,7 +398,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](news-aggregators.md) +[Learn more :hero-arrow-circle-right-fill:](news-aggregators.md) ### Self-Contained Networks @@ -410,7 +410,7 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](self-contained-networks.md) +[Learn more :hero-arrow-circle-right-fill:](self-contained-networks.md) ### Video Streaming Clients @@ -426,6 +426,6 @@ We [recommend](dns.md#recommended-providers) a number of encrypted DNS servers b -[Learn more :material-arrow-right:](video-streaming.md) +[Learn more :hero-arrow-circle-right-fill:](video-streaming.md) --8<-- "includes/abbreviations.en.md" diff --git a/docs/video-streaming.en.md b/docs/video-streaming.en.md index 703f6c42..d5db46c5 100644 --- a/docs/video-streaming.en.md +++ b/docs/video-streaming.en.md @@ -103,7 +103,7 @@ You can disable *Save hosting data to help the LBRY network* option in :gear: ** It also has integration with [Return YouTube Dislike](https://returnyoutubedislike.com), and some experimental settings such as the ability to use the built-in player for local playback, an option to force fullscreen on landscape mode, and an option to disable error reporting prompts. -- [github.com/polymorphicshade/NewPipe :material-arrow-right:](https://github.com/polymorphicshade/NewPipe) +- [github.com/polymorphicshade/NewPipe :hero-arrow-circle-right-fill:](https://github.com/polymorphicshade/NewPipe) This fork is not endorsed by or affiliated with the upstream project. The NewPipe team has [rejected](https://github.com/TeamNewPipe/NewPipe/pull/3205) integration with SponsorBlock and thus this fork is created to provide this functionality. diff --git a/mkdocs.yml b/mkdocs.yml index 5cde5e1a..9857b90b 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -18,11 +18,11 @@ extra: feedback: title: Was this page helpful? ratings: - - icon: material/emoticon-happy-outline + - icon: hero/emoji-happy name: This page was helpful data: Helpful note: Thanks for your feedback! - - icon: material/emoticon-sad-outline + - icon: hero/emoji-sad name: This page could be improved data: Needs Improvement note: Thanks for your feedback! Help us improve this page by opening a discusson on GitHub. @@ -43,13 +43,12 @@ extra: link: https://github.com/privacyguides name: GitHub repo_url: https://github.com/privacyguides/privacyguides.org -repo_name: privacyguides.org +repo_name: "" edit_uri: edit/main/docs/ theme: name: material custom_dir: theme - logo: assets/brand/SVG/Logo/privacy-guides-logo-notext-colorbg.svg favicon: assets/brand/PNG/Favicon/favicon-32x32.png icon: repo: fontawesome/brands/github @@ -64,13 +63,13 @@ theme: scheme: default accent: deep purple toggle: - icon: octicons/moon-16 + icon: hero/sun name: Switch to dark mode - media: "(prefers-color-scheme: dark)" scheme: slate - accent: deep purple + accent: amber toggle: - icon: octicons/sun-16 + icon: hero/moon name: Switch to light mode watch: - theme diff --git a/theme/.icons/hero/LICENSE.txt b/theme/.icons/hero/LICENSE.txt new file mode 100644 index 00000000..64c08166 --- /dev/null +++ b/theme/.icons/hero/LICENSE.txt @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Refactoring UI Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/theme/.icons/hero/arrow-circle-right-fill.svg b/theme/.icons/hero/arrow-circle-right-fill.svg new file mode 100644 index 00000000..77eabb15 --- /dev/null +++ b/theme/.icons/hero/arrow-circle-right-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/.icons/hero/emoji-happy.svg b/theme/.icons/hero/emoji-happy.svg new file mode 100644 index 00000000..9d8f6e64 --- /dev/null +++ b/theme/.icons/hero/emoji-happy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/.icons/hero/emoji-sad.svg b/theme/.icons/hero/emoji-sad.svg new file mode 100644 index 00000000..7739d7ef --- /dev/null +++ b/theme/.icons/hero/emoji-sad.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/.icons/hero/moon.svg b/theme/.icons/hero/moon.svg new file mode 100644 index 00000000..ffb68943 --- /dev/null +++ b/theme/.icons/hero/moon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/.icons/hero/sparkles.svg b/theme/.icons/hero/sparkles.svg new file mode 100755 index 00000000..05751dc0 --- /dev/null +++ b/theme/.icons/hero/sparkles.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/.icons/hero/sun.svg b/theme/.icons/hero/sun.svg new file mode 100755 index 00000000..569295fb --- /dev/null +++ b/theme/.icons/hero/sun.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/overrides/home.en.html b/theme/overrides/home.en.html index 3cabdad1..0d0d5321 100644 --- a/theme/overrides/home.en.html +++ b/theme/overrides/home.en.html @@ -27,15 +27,3 @@ {% endblock %} -{% block footer %} - -{% endblock %} diff --git a/theme/partials/footer.html b/theme/partials/footer.html new file mode 100644 index 00000000..b73f4df8 --- /dev/null +++ b/theme/partials/footer.html @@ -0,0 +1,10 @@ + diff --git a/theme/partials/header.html b/theme/partials/header.html new file mode 100644 index 00000000..7b250141 --- /dev/null +++ b/theme/partials/header.html @@ -0,0 +1,83 @@ +{% set class = "md-header" %} +{% if "navigation.tabs.sticky" in features %} + {% set class = class ~ " md-header--lifted" %} +{% endif %} +
+ + {% if "navigation.tabs.sticky" in features %} + {% if "navigation.tabs" in features %} + {% include "partials/tabs.html" %} + {% endif %} + {% endif %} +
diff --git a/theme/partials/logo.html b/theme/partials/logo.html new file mode 100644 index 00000000..b833e406 --- /dev/null +++ b/theme/partials/logo.html @@ -0,0 +1,2 @@ +logo +logo