refactor: Order activist toolbox in navbar

2026-05-24 04:11:17 +00:00 · 2026-05-18 23:12:10 -05:00
parent 7c1495d43c
commit 7322fedb6e
28 changed files with 127 additions and 63 deletions
@@ -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.