refactor: Order activist toolbox in navbar

2026-05-19 18:01:22 +00:00 · 2026-05-18 23:12:10 -05:00
parent 7c1495d43c
commit 7322fedb6e
28 changed files with 127 additions and 63 deletions
@@ -324,24 +324,28 @@ a.footnote-ref {
    grid-gap: 1em 5em;
 }

-.toolbox-button-grid .toolbox-button {
+.content .toolbox-button-grid p {
+  margin-top: auto;
+  color: white;
+  a {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
-    font-size: 0.8rem;
+    font-size: 1.1em;
    font-weight: bold;
    line-height: 1;
    height: 11em;
    width: 11em;
    color: white;
-    padding: 5px;
-    border: 2px solid var(--hx-color-primary-500);
+    padding: 1em;
    border-radius: 12px;
    cursor: pointer;
+    text-decoration: none;
+  }
 }

-.md-typeset .toolbox-button-grid .toolbox-button:hover, .md-typeset .toolbox-button-grid .toolbox-button:focus {
+.toolbox-button-grid a:hover, .toolbox-button-grid a:focus {
    position: relative;
    transform: scale(1.08);
    /* box-shadow: 5px 10px 10px 5px rgba(0,0,0,0.3); */
@@ -355,9 +359,12 @@ a.footnote-ref {
    overflow: visible;
 }

-.toolbox-button-grid .toolbox-button-icon svg {
+.toolbox-button-grid .hextra-icon svg {
    width: 5em;
+    height: 5em;
    overflow: visible;
+    margin-bottom: 1.4em;
+    fill: white;
 }

 /* Toolbox Button Colors*/
@@ -366,39 +373,39 @@ a.footnote-ref {
    color: #2d2d2d !important;
 }

-.toolbox-bg-legal {
+.toolbox-bg-legal a {
    background-color: var(--color-toolbox-legal);
 }

-.toolbox-bg-tools {
+.toolbox-bg-tools a {
    background-color: var(--color-toolbox-tools);
 }

-.toolbox-bg-perspective {
+.toolbox-bg-perspective a {
    background-color: var(--color-toolbox-perspective);
 }

-.toolbox-bg-community {
+.toolbox-bg-community a {
    background-color: var(--color-toolbox-community);
 }

-.toolbox-bg-alliances {
+.toolbox-bg-alliances a {
    background-color: var(--color-toolbox-alliances);
 }

-.toolbox-bg-accessibility {
+.toolbox-bg-accessibility a {
    background-color: var(--color-toolbox-accessibility);
 }

-.toolbox-bg-integrity {
+.toolbox-bg-integrity a {
    background-color: var(--color-toolbox-integrity);
 }

-.toolbox-bg-persistence {
+.toolbox-bg-persistence a {
    background-color: var(--color-toolbox-persistence);
 }

-.toolbox-bg-action {
+.toolbox-bg-action a {
    background-color: var(--color-toolbox-action);
 }

@@ -417,9 +424,23 @@ a.footnote-ref {
 }

 .toolbox-tip-card-list {
+  h2 {
+    margin-bottom: 1em;
+  }
  a, a:hover {
    text-decoration: none;
-    color:
+  }
+}
+
+.light .toolbox-tip-card-list {
+  h3, a {
+    color: black;
+  }
+}
+
+.dark .toolbox-tip-card-list {
+  h3, a {
+    color: white;
  }
 }

@@ -13,34 +13,43 @@ By clicking on any of the tips listed on this page, you can access more informat

 ## Toolbox Compartments

-<div class="toolbox-button-grid" markdown>
+<div class="toolbox-button-grid hx:mt-12" markdown>

-[Check<br>Your Laws](#check-your-laws){ .toolbox-button .toolbox-bg-legal }
+[{{< icon "fontawesome-solid-scale-balanced" >}} Check<br>Your Laws](#check-your-laws)
+{ .toolbox-bg-legal }

-[Choose<br>Your Tools](#choose-your-tools){ .toolbox-button .toolbox-bg-tools }
+[{{< icon "fontawesome-solid-toolbox" >}} Choose<br>Your Tools](#choose-your-tools)
+{ .toolbox-bg-tools }

-[Expand Your<br>Perspective](#expand-your-perspective){ .toolbox-button .toolbox-bg-perspective }
+[{{< icon "fontawesome-solid-users-rays" >}} Expand Your<br>Perspective](#expand-your-perspective)
+{ .toolbox-bg-perspective }

-[Support The<br>Community](#support-the-community){ .toolbox-button .toolbox-bg-community }
+[{{< icon "fontawesome-solid-hands-holding-circle" >}} Support The<br>Community](#support-the-community)
+{ .toolbox-bg-community }

-[Build<br>Alliances](#build-alliances){ .toolbox-button .toolbox-bg-alliances }
+[{{< icon "fontawesome-solid-handshake-angle" >}} Build<br>Alliances](#build-alliances)
+{ .toolbox-bg-alliances }

-[Make It<br>Accessible](#make-it-accessible){ .toolbox-button .toolbox-bg-accessibility }
+[{{< icon "fontawesome-solid-heart-circle-check" >}} Make It<br>Accessible](#make-it-accessible)
+{ .toolbox-bg-accessibility }

-[Uphold<br>Integrity](#uphold-integrity){ .toolbox-button .toolbox-bg-integrity }
+[{{< icon "fontawesome-solid-star" >}} Uphold<br>Integrity](#uphold-integrity)
+{ .toolbox-bg-integrity }

-[Stay<br>Persistent](#stay-persistent){ .toolbox-button .toolbox-bg-persistence }
+[{{< icon "fontawesome-solid-heart" >}} Stay<br>Persistent](#stay-persistent)
+{ .toolbox-bg-persistence }

-[Take<br>Action!](#take-action){ .toolbox-button .toolbox-bg-action }
+[{{< icon "fontawesome-solid-hand-fist" >}} Take<br>Action!](#take-action)
+{ .toolbox-bg-action }

 </div>

 ---

-## Check Your Laws
-
 <div class="toolbox-tip-card-list hx:mt-6 hx:mb-6">

+## Check Your Laws
+
 <a href="tip-know-your-privacy-laws">
 <div class="toolbox-tip-card toolbox-border-legal">
 <h3>1. Know your privacy laws</h3>
@@ -71,8 +80,8 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[{{< icon "arrow-circle-up" >}}Back to top](#toolbox-compartments)</button>
-<br>
+
+

 ## Choose Your Tools

@@ -121,8 +130,8 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[Back to top](#toolbox-compartments)</button>
-<br>
+
+

 ## Expand Your Perspective

@@ -171,8 +180,8 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[Back to top](#toolbox-compartments)</button>
-<br>
+
+

 ## Support The Community

@@ -221,8 +230,8 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[Back to top](#toolbox-compartments)</button>
-<br>
+
+

 ## Build Alliances

@@ -271,8 +280,8 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[Back to top](#toolbox-compartments)</button>
-<br>
+
+

 ## Make It Accessible

@@ -336,8 +345,8 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[Back to top](#toolbox-compartments)</button>
-<br>
+
+

 ## Uphold Integrity

@@ -386,8 +395,8 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[Back to top](#toolbox-compartments)</button>
-<br>
+
+

 ## Stay Persistent

@@ -421,8 +430,8 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[Back to top](#toolbox-compartments)</button>
-<br>
+
+

 ## Take Action!

@@ -456,7 +465,7 @@ Learn More {{< icon "arrow-circle-right" >}}
 </div>
 </a>

-<button class="toolbox-button-top">[Back to top](#toolbox-compartments)</button>
-<br>
+
+

 </div>
@@ -3,6 +3,7 @@ title: Be Kind to People, But Be Relentless With Institutions
 description: Kindness and patience are essential qualities for privacy advocates. To grow our movement, we must meet people from a place of camaraderie.
 icon: fontawesome/solid/hands-holding-circle
 cover: banner-toolbox-tip-kind.webp
+weight: 11
 ---
 Kindness and patience are essential qualities for privacy advocates. To grow our movement, we must meet people from a place of camaraderie. People don't change their mind by being berated. However, this isn't true for institutions.

@@ -3,6 +3,7 @@ title: Be Mindful of Accessibility
 description: Accessibility should always be a priority in our work. To make our privacy communities welcoming to all, we must integrate it in our practice from the start.
 icon: fontawesome/solid/heart-circle-check
 cover: banner-toolbox-tip-accessibility.webp
+weight: 17
 ---
 **Accessibility** is indispensable to [inclusivity](../tip-keep-your-posts-and-community-inclusive/), and should always be a priority in our work. To make our privacy communities welcoming to all, accessibility cannot be an afterthought. We must integrate it in our practice from the start. This means making sure the languages, visuals, tools, and venues we use are accessible to as many people as possible.

@@ -3,6 +3,7 @@ title: Beware of Privacy Snake Oil
 description: In your privacy advocacy, it's important to recommend tools that reliably protect your and other people's privacy. Learn how to evaluate privacy claims.
 icon: fontawesome/solid/skull-crossbones
 cover: banner-toolbox-tip-snakeoil.webp
+weight: 3
 ---
 In your privacy advocacy, it's essential to use and recommend tools that *reliably* protect privacy. For this, you need to **investigate and remain highly skeptical** of any dangerous or unproven marketing claims.

@@ -3,6 +3,7 @@ title: Consider Everyone's Unique Situation
 description: To give actionable privacy advices, it's essential to consider everyone's situation. Learn more on how you can evaluate each person's unique threat model.
 icon: fontawesome/solid/users-between-lines
 cover: banner-toolbox-tip-everyone.webp
+weight: 8
 ---
 Everyone has different needs, and everyone faces different dangers when their personal data gets exposed.

@@ -3,6 +3,7 @@ title: Don't Stop at Individual Solutions, Consider The Collective Impact
 description: When we think about privacy, we often focus on technical individual solutions. But it's also crucial to consider the collective impact of privacy issues.
 icon: fontawesome/solid/users-rays
 cover: banner-toolbox-tip-expand.webp
+weight: 6
 ---
 When we think about our privacy, we often focus on the technical tools we can use to protect it. While this is an important *component*, it's crucial not to lose sight of how regulations and invasive practices impact us collectively.

@@ -3,6 +3,7 @@ title: Engage, Boost, and Contribute
 description: Once you have the knowledge, motivation, and energy to fight for privacy rights, it's time to act! Learn more on what you can do to be a privacy activist.
 icon: fontawesome/solid/bullhorn
 cover: banner-toolbox-tip-engage.webp
+weight: 24
 ---
 Once you have the knowledge, motivation, and energy, **it's time to act**! Perhaps you've read all the tips here, or have read through our [Knowledge Base](../../../wiki/basics/why-privacy-matters/index.md) already! But you don't need to know that much about privacy to start contributing.

@@ -3,6 +3,7 @@ title: Give Credit Where Credit Is Due
 description: To succeed with our movement to defend privacy rights, we must support each other. One good way to do this is to give credit where credit is due.
 icon: fontawesome/solid/thumbs-up
 cover: banner-toolbox-tip-credit.webp
+weight: 14
 ---
 To succeed in our battle, we must **support each other**. One good way to accomplish this is to never forget to give credit where credit is due. When another advocate or organization says something you agree with, boost them up, spread their reach, and thank them publicly.

@@ -3,6 +3,7 @@ title: Improve Your Social Media and Build Resilient Communities
 description: Commercial social media platforms represent one of the biggest source of data exploitation. Learn how you can build better and more resilient social networks.
 icon: fontawesome/solid/seedling
 cover: banner-toolbox-tip-plant.webp
+weight: 5
 ---
 Commercial social media platforms represent one of the biggest source of data exploitation. Facebook, Instagram, Threads, TikTok, and X all exploit their users' data to generate billions in profit every year. By staying active on these platforms, we continue to feed the beast and indirectly support this invasion of privacy rights.

@@ -3,6 +3,7 @@ title: Keep in Mind The Whole Landscape
 description: Privacy isn't just about the tools, or just about the laws, or just about the practices either. It's about all of it. Learn how to consider the whole landscape.
 icon: fontawesome/solid/globe
 cover: banner-toolbox-tip-landscape.webp
+weight: 7
 ---
 Privacy isn't just about the tools, the laws, or the practices of any individual or organization. It's about *all* of that. To move our society in a place where everyone benefits from privacy by default, we must consider technologies, laws, and culture holistically.

@@ -3,6 +3,7 @@ title: Keep Your Posts and Community Inclusive
 description: Inclusivity is essential to grow our privacy movement. If we want privacy rights to succeed, we must build communities where everyone feels safe and welcomed.
 icon: fontawesome/solid/heart-circle-plus
 cover: banner-toolbox-tip-inclusivity.webp
+weight: 16
 ---
 **Inclusivity** is not only the right thing to do, it's also essential to grow our movement. If we want privacy rights to succeed, it's imperative that we build communities where *everyone* feels safe and welcomed, regardless of who they are or where they come from.

@@ -3,6 +3,7 @@ title: Know Your Privacy Laws
 description: Being well-informed about the data protection regulations in your own jurisdiction can be a significant asset in your battles for better privacy rights.
 icon: fontawesome/solid/balance-scale
 cover: banner-toolbox-tip-laws.webp
+weight: 1
 ---
 Being well-informed about the **data protection regulations** in your own jurisdiction can be a significant asset for your personal and collective battles to improve privacy, for yourself and for others.

@@ -14,8 +15,17 @@ Here's what to look for when searching information about your local privacy laws

 For most privacy regulations, legal protections will be applicable to **data subjects** who are citizens or reside in a specific region or country.

-<div class="admonition info inline end" markdown>
-<p class="admonition-title">What is a data subject?</p>
+Contrary to what many believe, it's generally *your* local regulations that protect you, regardless of where the organization collecting your personal data is located (in addition, organizations are also subjected to their own local regulations).
+
+Organizations that meet the data subject's local privacy law criteria are legally bound to comply with the laws of each region or country where their data subjects are residing (i.e. where they are conducting business).
+
+There are a lot of nuances and regional variations to this, but in general you should focus on *where* the data subject is residing.
+
+<details class="hx:last-of-type:mb-0 hx:rounded-lg hx:bg-neutral-50 hx:dark:bg-neutral-800 hx:p-2 hx:mt-4 hx:group" open>
+<summary class="hx:flex hx:items-center hx:cursor-pointer hx:select-none hx:list-none hx:p-1 hx:rounded-sm hx:transition-colors hx:hover:bg-gray-100 hx:dark:hover:bg-neutral-800 hx:before:mr-1 hx:before:inline-block hx:before:transition-transform hx:before:content-[''] hx:dark:before:invert hx:rtl:before:rotate-180 hx:group-open:before:rotate-90">
+<strong class="hx:text-lg">What is a data subject?</strong>
+</summary>
+<div class="hx:p-2 hx:overflow-hidden">

 Different laws might use different terms for this. Sometimes, a regulation might simply refer to a *person*, an *individual*, a *consumer*, a *patient*, or a *customer*.

@@ -24,12 +34,7 @@ Other times, the equivalent expression used will be a *data subject*.
 A data subject is simply anyone from whom personal information is collected by an organization. **Data subject** will be used as an umbrella term on this page.

 </div>
-
-Contrary to what many believe, it's generally *your* local regulations that protect you, regardless of where the organization collecting your personal data is located (in addition, organizations are also subjected to their own local regulations).
-
-Organizations that meet the data subject's local privacy law criteria are legally bound to comply with the laws of each region or country where their data subjects are residing (i.e. where they are conducting business).
-
-There are a lot of nuances and regional variations to this, but in general you should focus on *where* the data subject is residing.
+</details>

 ## Finding your local regulations

@@ -41,20 +46,16 @@ If your region isn't listed in our DPA Directory, or if you are looking for anot

 Always make sure to find a result that is from an official government source.

-<div class="admonition warning inline end" markdown>
-<p class="admonition-title">Beware of AI-generated information!</p>
-
-Be careful to research this *without* using an automated chatbot or AI-generated information. These tools can have a high error rate, and the information displayed might not be reliable. Be sure to find the official government documentation in order to get the proper *legal* information.
-
-</div>
+> [!TIP]
+> Be careful to research this *without* using an automated chatbot or AI-generated information. These tools can have a high error rate, and the information displayed might not be reliable. Be sure to find the official government documentation in order to get the proper *legal* information.

 While researching about your privacy protections, keep in mind that:

- [x] You might benefit from multiple privacy laws at once. For example, many regions have separate regulations specifically designed to protect health data, children's data, or employees' data.
+- You might benefit from multiple privacy laws at once. For example, many regions have separate regulations specifically designed to protect health data, children's data, or employees' data.

- [x] You might benefit from protections by different government levels at once, such as federal, provincial, state level, etc. Look for them all!
+- You might benefit from protections by different government levels at once, such as federal, provincial, state level, etc. Look for them all!

- [ ] Your region might unfortunately not be protected by any significant privacy regulations at this time. If this is the case for you: It's time to contact your local representatives and advocate for a local privacy law!
+- Your region might unfortunately **not** be protected by any significant privacy regulations at this time. If this is the case for you: It's time to contact your local representatives and advocate for a local privacy law!

 ## What to look for in a privacy law

@@ -3,6 +3,7 @@ title: Level Up! Assemble and Organize
 description: If you've been a privacy advocate for a while, maybe it's time to level up and grow as a leader in your community. Good leaders can benefit the whole movement.
 icon: fontawesome/solid/fist-raised
 cover: banner-toolbox-tip-organize.webp
+weight: 25
 ---
 If you've been a privacy advocate for a while, maybe it's time to level up and **grow as a leader** in your community.

@@ -3,6 +3,7 @@ title: Lift Your Allies Up
 description: The battle for privacy rights is difficult, and its defenders are scattered. This is why it's essential to support and uplift each other, every time we can.
 icon: fontawesome/solid/hand-holding-hand
 cover: banner-toolbox-tip-lift.webp
+weight: 9
 ---
 At times, it might feel like the privacy community is niche and isolated.

@@ -3,6 +3,7 @@ title: Make It Cute
 description: If you are developing a privacy-focused application or website, it's important that you do not neglect the design aspect of it. Make it cute!
 icon: fontawesome/solid/cat
 cover: banner-toolbox-tip-cute.webp
+weight: 18
 ---
 If you are developing a privacy-focused application or website, it's important that you **do not neglect the design** aspect of it. This is a common mistake that can have a significant negative impact on adoption by a general audience. Make it cute!

@@ -3,6 +3,7 @@ title: Migrate Outside The Surveillance Ecosystem
 description: As privacy activists, it's important to lead by example and support the tools and organizations with good privacy practices, by moving away from Big Tech.
 icon: fontawesome/solid/arrow-right-from-bracket
 cover: banner-toolbox-tip-migrate.webp
+weight: 4
 ---
 As privacy activists, it's not only important to support the tools and organizations with good privacy practices, but also to lead by example when it comes to **moving away from the surveillance ecosystem**. We cannot afford to compromise our principles simply for [convenience](https://www.privacyguides.org/articles/2025/06/07/selling-surveillance-as-convenience/).

@@ -3,6 +3,7 @@ title: Protect Your Allies
 description: Through your privacy work, it's crucial to protect the data of your allies in all that you do, whether it's individual action or leading an organization.
 icon: fontawesome/solid/shield-heart
 cover: banner-toolbox-tip-protect.webp
+weight: 21
 ---
 Through your privacy advocacy work, be careful to never collect or share the data of others without their prior explicit consent. It's crucial to **protect your allies' data** in all that you do, whether it's individual action, organizing an event, or leading an organization.

@@ -3,6 +3,7 @@ title: Refuse to Participate
 description: As privacy activists, we must be a voice for resistance and take a stand against abusive practices, by refusing to comply with privacy-intrusive requests.
 icon: fontawesome/solid/xmark-circle
 cover: banner-toolbox-tip-refuse.webp
+weight: 19
 ---
 As privacy advocates and activists, it's important to **be a voice for resistance** and take a stand against abusive practices. One substantial way to do this is to refuse to participate in privacy-intrusive requests, or use invasive software.

@@ -3,6 +3,7 @@ title: Report Privacy Violations
 description: Submitting an official complaint for violation of your privacy rights is often simple, and can have a significant positive impact for your community.
 icon: fontawesome/solid/gavel
 cover: banner-toolbox-tip-report.webp
+weight: 2
 ---
 Once you are [informed on your local privacy laws](../tip-know-your-privacy-laws/), it's important to get familiar with the process to **report violations of the law**. Submitting an official complaint is often simple, and can have a significant impact both for yourself and for your community.

@@ -3,6 +3,7 @@ title: Small Actions Matter
 description: There is so much to do to improve privacy rights. So much, that it's sometimes easy to feel discouraged. But everything helps, and even small action matters.
 icon: fontawesome/solid/puzzle-piece
 cover: banner-toolbox-tip-small.webp
+weight: 22
 ---
 There is so much to do in the movement for better privacy rights. So much, that it's sometimes easy to feel discouraged when facing the scale of what's left to accomplish. But **everything helps**. Every small improvement counts, and every small victory should be celebrated.

@@ -3,6 +3,7 @@ title: Start Alliances, Not Wars
 description: People in the privacy community can have different views that can create conflicts at times. For our community to thrive, we must start alliances, not wars.
 icon: fontawesome/solid/handshake-angle
 cover: banner-toolbox-tip-alliances.webp
+weight: 12
 ---
 The privacy community consists of a patchwork of individuals, activists, organizations, and businesses that sometimes hold quite different views. These divergences can create conflict and friction at times.

@@ -3,6 +3,7 @@ title: Stay True to Your Principles
 description: If you manage a digital rights group, it's important to make sure you aren't subjecting your contributors to the privacy-invasive tech you're fighting against.
 icon: fontawesome/solid/star
 cover: banner-toolbox-tip-principles.webp
+weight: 20
 ---
 If you manage a digital rights group, meetup, chat room, event, or organization even, make sure you aren't subjecting your members and contributors to the very privacy-invasive tech you're fighting against. Sadly, it's not rare to see organizations and communities that aren't following their own privacy advice for internal practices.

@@ -3,6 +3,7 @@ title: Support Your Privacy Comrades
 description: Fighting for privacy rights is a collective endeavor. This battle can be difficult and isolating at time. That's why it's critical to care for each other.
 icon: fontawesome/solid/hand-holding-heart
 cover: banner-toolbox-tip-support.webp
+weight: 10
 ---
 Fighting for better privacy rights, privacy tools, and privacy practices is a collective endeavor. You cannot do it alone. Anyone around you contributing is fighting the same battle by your side. This battle *can* be difficult and isolating at times. That's why it's critical to care for each other.

@@ -3,6 +3,7 @@ title: Take Time to Rest, But Come Back to Fight With Us
 description: The battle for privacy will be a long one. This isn't a sprint, it's a marathon. If you want to be a good advocate, you must learn to rest when you need it.
 icon: fontawesome/solid/battery-quarter
 cover: banner-toolbox-tip-rest.webp
+weight: 23
 ---
 The battle for privacy rights will be a long one. This isn't a sprint, it's a marathon.

@@ -3,6 +3,7 @@ title: Value Allies with Complementary Expertise
 description: In privacy like everywhere else, diversity is a strength. If you want your community to have a broad set of skills, you need to value a diversity of expertises.
 icon: fontawesome/solid/circle-half-stroke
 cover: banner-toolbox-tip-complement.webp
+weight: 13
 ---
 In privacy, like in other areas of life, **diversity is an incredible strength**. If you want your community to have a broad understanding of threat models, and be able to address issues on multiple levels, you need to value a diversity of expertises.

@@ -3,6 +3,7 @@ title: Welcome Beginners
 description: For our privacy rights movement to grow, we must bring more people in. To accomplish this, it's fundamental to make our communities welcoming to newcomers.
 icon: fontawesome/solid/user-plus
 cover: banner-toolbox-tip-beginners.webp
+weight: 15
 ---
 For our privacy rights movement to grow, we must **bring more people in**. To accomplish this, it's fundamental to discuss privacy in ways that are accessible to newcomers who aren't familiar with the basic concepts yet.

@@ -0,0 +1,9 @@
+fontawesome-solid-scale-balanced: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M384 96L512 96C529.7 96 544 110.3 544 128C544 145.7 529.7 160 512 160L398.4 160C393.2 185.8 375.5 207.1 352 217.3L352 512L512 512C529.7 512 544 526.3 544 544C544 561.7 529.7 576 512 576L128 576C110.3 576 96 561.7 96 544C96 526.3 110.3 512 128 512L288 512L288 217.3C264.5 207 246.8 185.7 241.6 160L128 160C110.3 160 96 145.7 96 128C96 110.3 110.3 96 128 96L256 96C270.6 76.6 293.8 64 320 64C346.2 64 369.4 76.6 384 96zM439.6 384L584.4 384L512 259.8L439.6 384zM512 480C449.1 480 396.8 446 386 401.1C383.4 390.1 387 378.8 392.7 369L487.9 205.8C492.9 197.2 502.1 192 512 192C521.9 192 531.1 197.3 536.1 205.8L631.3 369C637 378.8 640.6 390.1 638 401.1C627.2 445.9 574.9 480 512 480zM126.8 259.8L54.4 384L199.3 384L126.8 259.8zM.9 401.1C-1.7 390.1 1.9 378.8 7.6 369L102.8 205.8C107.8 197.2 117 192 126.9 192C136.8 192 146 197.3 151 205.8L246.2 369C251.9 378.8 255.5 390.1 252.9 401.1C242.1 445.9 189.8 480 126.9 480C64 480 11.7 446 .9 401.1z"/></svg>
+fontawesome-solid-toolbox: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M240 120L240 160L400 160L400 120C400 115.6 396.4 112 392 112L248 112C243.6 112 240 115.6 240 120zM192 160L192 120C192 89.1 217.1 64 248 64L392 64C422.9 64 448 89.1 448 120L448 160L476.1 160C488.8 160 501 165.1 510 174.1L561.9 226C570.9 235 576 247.2 576 259.9L576 336L440 336L440 320C440 306.7 429.3 296 416 296C402.7 296 392 306.7 392 320L392 336L248 336L248 320C248 306.7 237.3 296 224 296C210.7 296 200 306.7 200 320L200 336L64 336L64 259.9C64 247.2 69.1 235 78.1 226L130 174.1C139 165.1 151.2 160 163.9 160L192 160zM64 480L64 384L200 384L200 400C200 413.3 210.7 424 224 424C237.3 424 248 413.3 248 400L248 384L392 384L392 400C392 413.3 402.7 424 416 424C429.3 424 440 413.3 440 400L440 384L576 384L576 480C576 515.3 547.3 544 512 544L128 544C92.7 544 64 515.3 64 480z"/></svg>
+fontawesome-solid-users-rays: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M31 31C21.7 40.4 21.7 55.6 31 65L87 121C96.4 130.4 111.6 130.4 120.9 121C130.2 111.6 130.3 96.4 120.9 87.1L65 31C55.6 21.6 40.4 21.6 31.1 31zM609 31C599.6 21.6 584.4 21.6 575.1 31L519 87C509.6 96.4 509.6 111.6 519 120.9C528.4 130.2 543.6 130.3 552.9 120.9L609 65C618.4 55.6 618.4 40.4 609 31.1zM65 609L121 553C130.4 543.6 130.4 528.4 121 519.1C111.6 509.8 96.4 509.7 87.1 519.1L31 575C21.6 584.4 21.6 599.6 31 608.9C40.4 618.2 55.6 618.3 64.9 608.9zM609 609C618.4 599.6 618.4 584.4 609 575.1L553 519.1C543.6 509.7 528.4 509.7 519.1 519.1C509.8 528.5 509.7 543.7 519.1 553L575.1 609C584.5 618.4 599.7 618.4 609 609zM320 272C355.3 272 384 243.3 384 208C384 172.7 355.3 144 320 144C284.7 144 256 172.7 256 208C256 243.3 284.7 272 320 272zM320 304C258.1 304 208 354.1 208 416L208 424C208 437.3 218.7 448 232 448L408 448C421.3 448 432 437.3 432 424L432 416C432 354.1 381.9 304 320 304zM536 224C536 193.1 510.9 168 480 168C449.1 168 424 193.1 424 224C424 254.9 449.1 280 480 280C510.9 280 536 254.9 536 224zM451.2 324.4C469.4 350.3 480 381.9 480 416L480 424C480 432.4 478.6 440.5 475.9 448L554.7 448C566.5 448 576 438.4 576 426.7L576 416C576 363 533 320 480 320C470 320 460.3 321.5 451.2 324.4zM188.8 324.4C179.7 321.5 170 320 160 320C107 320 64 363 64 416L64 426.7C64 438.5 73.6 448 85.3 448L164.1 448C161.4 440.5 160 432.4 160 424L160 416C160 381.9 170.6 350.3 188.8 324.4zM216 224C216 193.1 190.9 168 160 168C129.1 168 104 193.1 104 224C104 254.9 129.1 280 160 280C190.9 280 216 254.9 216 224z"/></svg>
+fontawesome-solid-hands-holding-circle: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M320 64C390.7 64 448 121.3 448 192C448 262.7 390.7 320 320 320C249.3 320 192 262.7 192 192C192 121.3 249.3 64 320 64zM40 128C62.1 128 80 145.9 80 168L80 328.2C80 345.2 86.7 361.5 98.7 373.5L149.8 424.6C158.1 432.9 171.1 434.2 180.8 427.7C193.7 419.1 195.5 400.8 184.5 389.9C177.2 382.6 161.4 366.8 137.3 342.7C124.8 330.2 124.8 309.9 137.3 297.4C149.8 284.9 170.1 284.9 182.6 297.4C206.7 321.5 222.5 337.3 229.8 344.6L229.8 344.6L255.1 369.9C276.1 390.9 287.9 419.4 287.9 449.1L287.9 528C287.9 554.5 266.4 576 239.9 576L173.2 576C156.2 576 139.9 569.3 127.9 557.3L28.1 457.4C10.1 439.4 0 415 0 389.5L0 168C0 145.9 17.9 128 40 128zM600 128C622.1 128 640 145.9 640 168L640 389.5C640 415 629.9 439.4 611.9 457.4L512 557.3C500 569.3 483.7 576 466.7 576L400 576C373.5 576 352 554.5 352 528L352 449.1C352 419.4 363.8 390.9 384.8 369.9L410.1 344.6L410.1 344.6C417.4 337.3 433.2 321.5 457.3 297.4C469.8 284.9 490.1 284.9 502.6 297.4C515.1 309.9 515.1 330.2 502.6 342.7C478.5 366.8 462.7 382.6 455.4 389.9C444.4 400.9 446.2 419.1 459.1 427.7C468.8 434.2 481.8 432.9 490.1 424.6L541.2 373.5C553.2 361.5 559.9 345.2 559.9 328.2L560 168C560 145.9 577.9 128 600 128z"/></svg>
+fontawesome-solid-handshake-angle: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M300.9 117.2L184.3 246.8C179.7 251.9 179.9 259.8 184.8 264.7C215.3 295.2 264.8 295.2 295.3 264.7L327.1 232.9C331.3 228.7 336.6 226.4 342 226C348.8 225.4 355.8 227.7 361 232.9L537.6 408L608 352L608 64L496 128L472.2 112.1C456.4 101.6 437.9 96 418.9 96L348.5 96C347.4 96 346.2 96 345.1 96.1C328.2 97 312.3 104.6 300.9 117.2zM148.6 214.7L255.4 96L215.8 96C190.3 96 165.9 106.1 147.9 124.1L32 256L32 608L176 472L188.4 482.3C211.4 501.5 240.4 512 270.3 512L286 512L279 505C269.6 495.6 269.6 480.4 279 471.1C288.4 461.8 303.6 461.7 312.9 471.1L353.9 512.1L362.9 512.1C382 512.1 400.7 507.8 417.7 499.8L391 473C381.6 463.6 381.6 448.4 391 439.1C400.4 429.8 415.6 429.7 424.9 439.1L456.9 471.1L474.4 453.6C483.3 444.7 485.9 431.8 482 420.5L344.1 283.7L329.2 298.6C279.9 347.9 200.1 347.9 150.8 298.6C127.8 275.6 126.9 238.7 148.6 214.6z"/></svg>
+fontawesome-solid-heart-circle-check: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M273 151.1L288 171.8L303 151.1C328 116.5 368.2 96 410.9 96C484.4 96 544 155.6 544 229.1L544 231.7C544 249.3 540.6 267.3 534.5 285.4C512.7 276.8 488.9 272 464 272C358 272 272 358 272 464C272 492.5 278.2 519.6 289.4 544C288.9 544 288.5 544 288 544C272.5 544 257.2 539.4 244.9 529.9C171.9 474.2 32 343.9 32 231.7L32 229.1C32 155.6 91.6 96 165.1 96C207.8 96 248 116.5 273 151.1zM320 464C320 384.5 384.5 320 464 320C543.5 320 608 384.5 608 464C608 543.5 543.5 608 464 608C384.5 608 320 543.5 320 464zM521.4 403.1C514.3 397.9 504.2 399.5 499 406.6L446 479.5L419.2 452.7C413 446.5 402.8 446.5 396.6 452.7C390.4 458.9 390.4 469.1 396.6 475.3L436.6 515.3C439.9 518.6 444.5 520.3 449.2 519.9C453.9 519.5 458.1 517.1 460.9 513.4L524.9 425.4C530.1 418.3 528.5 408.2 521.4 403.1z"/></svg>
+fontawesome-solid-star: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M341.5 45.1C337.4 37.1 329.1 32 320.1 32C311.1 32 302.8 37.1 298.7 45.1L225.1 189.3L65.2 214.7C56.3 216.1 48.9 222.4 46.1 231C43.3 239.6 45.6 249 51.9 255.4L166.3 369.9L141.1 529.8C139.7 538.7 143.4 547.7 150.7 553C158 558.3 167.6 559.1 175.7 555L320.1 481.6L464.4 555C472.4 559.1 482.1 558.3 489.4 553C496.7 547.7 500.4 538.8 499 529.8L473.7 369.9L588.1 255.4C594.5 249 596.7 239.6 593.9 231C591.1 222.4 583.8 216.1 574.8 214.7L415 189.3L341.5 45.1z"/></svg>
+fontawesome-solid-heart: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M305 151.1L320 171.8L335 151.1C360 116.5 400.2 96 442.9 96C516.4 96 576 155.6 576 229.1L576 231.7C576 343.9 436.1 474.2 363.1 529.9C350.7 539.3 335.5 544 320 544C304.5 544 289.2 539.4 276.9 529.9C203.9 474.2 64 343.9 64 231.7L64 229.1C64 155.6 123.6 96 197.1 96C239.8 96 280 116.5 305 151.1z"/></svg>
+fontawesome-solid-hand-fist: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M288 64C305.7 64 320 78.3 320 96L320 208L256 208L256 96C256 78.3 270.3 64 288 64zM160 128C160 110.3 174.3 96 192 96C209.7 96 224 110.3 224 128L224 208L160 208L160 128zM352 128C352 110.3 366.3 96 384 96C401.7 96 416 110.3 416 128L416 224C416 241.7 401.7 256 384 256C366.3 256 352 241.7 352 224L352 128zM448 192C448 174.3 462.3 160 480 160C497.7 160 512 174.3 512 192L512 256C512 273.7 497.7 288 480 288C462.3 288 448 273.7 448 256L448 192zM352 280L352 279.4C361.4 284.8 372.3 288 384 288C397.2 288 409.4 284 419.6 277.2C428.3 302.1 452.1 320 480 320C491.7 320 502.6 316.9 512 311.4L512 320C512 372.3 486.9 418.8 448 448L448 544C448 561.7 433.7 576 416 576L256 576C238.3 576 224 561.7 224 544L224 465.6C206.7 457.7 190.8 446.8 177.1 433.1L165.5 421.5C141.5 397.5 128 364.9 128 331L128 304C128 268.7 156.7 240 192 240L280 240C302.1 240 320 257.9 320 280C320 302.1 302.1 320 280 320L224 320C215.2 320 208 327.2 208 336C208 344.8 215.2 352 224 352L280 352C319.8 352 352 319.8 352 280z"/></svg>