From 7c1495d43c65aad16edb12987bf19a8dc6a274e6 Mon Sep 17 00:00:00 2001 From: Jonah Aragon Date: Mon, 18 May 2026 22:17:00 -0500 Subject: [PATCH] style: Retheme toolbox tip cards --- assets/css/custom.css | 454 +++++++++++++++++++++++++++++ content/activism/_index.md | 13 +- content/activism/toolbox/.meta.yml | 4 - content/activism/toolbox/_index.md | 288 +++++++++--------- hugo.yaml | 22 +- prebuild/layouts/index.html | 6 +- 6 files changed, 631 insertions(+), 156 deletions(-) delete mode 100644 content/activism/toolbox/.meta.yml diff --git a/assets/css/custom.css b/assets/css/custom.css index ac6b663f1..52daafa90 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -294,3 +294,457 @@ a.footnote-ref { .pg-unstyled-cards .hextra-card:hover { background-color: inherit; } + +/*********** Activism Section ***********/ + +/* Activism Button Colors*/ +.dpadirectory-bg { + background-color: #7dbd5b; + color: #2d2d2d !important; +} + +/* Toolbox Color Variables */ +:root { + --color-toolbox: #21bddc; + --color-toolbox-legal: #15678a; + --color-toolbox-tools: #457759; + --color-toolbox-perspective: #5c7e40; + --color-toolbox-community: #717924; + --color-toolbox-alliances: #847306; + --color-toolbox-accessibility: #926d07; + --color-toolbox-integrity: #ad5c14; + --color-toolbox-persistence: #ba4d13; + --color-toolbox-action: #a83410; +} + +/* Toolbox Button Style*/ +.toolbox-button-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(0, min(100%/0, max(150px, 100%/4)))); + grid-gap: 1em 5em; +} + +.toolbox-button-grid .toolbox-button { + display: flex; + flex-direction: column; + text-align: center; + align-items: center; + font-size: 0.8rem; + font-weight: bold; + line-height: 1; + height: 11em; + width: 11em; + color: white; + padding: 5px; + border: 2px solid var(--hx-color-primary-500); + border-radius: 12px; + cursor: pointer; +} + +.md-typeset .toolbox-button-grid .toolbox-button:hover, .md-typeset .toolbox-button-grid .toolbox-button:focus { + position: relative; + transform: scale(1.08); + /* box-shadow: 5px 10px 10px 5px rgba(0,0,0,0.3); */ + color: white; +} + +.toolbox-button-grid .toolbox-button-icon { + height: 7em; + display: inline-flex; + padding: 1.1em; + overflow: visible; +} + +.toolbox-button-grid .toolbox-button-icon svg { + width: 5em; + overflow: visible; +} + +/* Toolbox Button Colors*/ +.toolbox-bg { + background-color: var(--color-toolbox); + color: #2d2d2d !important; +} + +.toolbox-bg-legal { + background-color: var(--color-toolbox-legal); +} + +.toolbox-bg-tools { + background-color: var(--color-toolbox-tools); +} + +.toolbox-bg-perspective { + background-color: var(--color-toolbox-perspective); +} + +.toolbox-bg-community { + background-color: var(--color-toolbox-community); +} + +.toolbox-bg-alliances { + background-color: var(--color-toolbox-alliances); +} + +.toolbox-bg-accessibility { + background-color: var(--color-toolbox-accessibility); +} + +.toolbox-bg-integrity { + background-color: var(--color-toolbox-integrity); +} + +.toolbox-bg-persistence { + background-color: var(--color-toolbox-persistence); +} + +.toolbox-bg-action { + background-color: var(--color-toolbox-action); +} + +/* Toolbox Tip Card Style */ +.toolbox-tip-card { + padding-top: 0; + padding-left: 1.5rem; + padding-right: 1.5rem; + margin-bottom: 2rem; + border: 5px solid var(--hx-color-primary-500); + border-radius: 15px; +} + +.toolbox-tip-card-learn-more { + text-align: right; +} + +.toolbox-tip-card-list { + a, a:hover { + text-decoration: none; + color: + } +} + +.toolbox-tip-icon { + float: left; + height: 120px; + width: 120px; + margin-right: 20px; +} + +.toolbox-tip-card:hover { + position: relative; + transform: scale(1.01); + box-shadow: 0 10px 20px 0 rgba(0,0,0,0.5); +} + +.toolbox-tip-card a, .toolbox-tip-card a:hover { + color: var(--md-typeset-color); +} + +/* Toolbox Tip Card Colors */ +.toolbox-border-legal { + border-color: var(--color-toolbox-legal); +} + +.toolbox-border-tools { + border-color: var(--color-toolbox-tools); +} + +.toolbox-border-perspective { + border-color: var(--color-toolbox-perspective); +} + +.toolbox-border-community { + border-color: var(--color-toolbox-community); +} + +.toolbox-border-alliances { + border-color: var(--color-toolbox-alliances); +} + +.toolbox-border-accessibility { + border-color: var(--color-toolbox-accessibility); +} + +.toolbox-border-integrity { + border-color: var(--color-toolbox-integrity); +} + +.toolbox-border-persistence { + border-color: var(--color-toolbox-persistence); +} + +.toolbox-border-action { + border-color: var(--color-toolbox-action); +} + +/* Toolbox Button Top Style */ +.toolbox-button-top { + font-size: 0.7rem; + float: right; +} + +.toolbox-button-top a, .toolbox-button-top a:visited { + color: var(--md-default-fg-color--light); +} + +/* Toolbox Tip Button Next */ +.toolbox-tip-button-next { + float: right; + margin-top: 20px; + margin-bottom: 40px; +} + +/* Toolbox Tip Quote Box */ +.toolbox-quote { + margin-top: 15px !important; + font-family: bagnard !important; + font-size: 1em !important; + font-weight: 400 !important; + background: #9e9e9e1a !important; +} + +.toolbox-quote .admonition-title { + background-color: transparent !important; +} + +.toolbox-quote-source { + font-family: var(--md-text-font-family) !important; + text-align: right; + font-size: 0.7em !important; + font-weight: 400 !important; +} + +.toolbox-quote.quote>.admonition-title.toolbox-quote::before { + transform: rotate(180deg); +} +.toolbox-quote .admonition-title.toolbox-quote::after { + background-color: #9e9e9e; + mask-image: var(--md-admonition-icon--quote); + content: ""; + height: 1rem; + mask-position: center; + mask-repeat: no-repeat; + mask-size: contain; + position: absolute; + bottom: .75em; + width: 2rem; +} + +/* DPA Directory */ +.table-wrapper { + width: min(900px, 100% -3rem); + margin-inline: auto; +} + +.dpadirectory-table { + padding: 1rem; + border-collapse: collapse; + width: 100%; + line-height: 1.05rem; + table-layout: fixed; + width: 100%; + overflow-wrap: normal; + table-layout: fixed; +} + +/* Column Width - Region */ +.dpadirectory-table th:first-child { + min-width: 110px; + width: 110px; +} + +/* Column Width - Law */ +.dpadirectory-table th:nth-child(2) { + min-width: 140px; + width: 140px; +} + +/* Column Width - Abbreviation */ +.dpadirectory-table th:nth-child(3) { + min-width: 100px; + width: 100px; +} + +/* Column Width - DPA */ +.dpadirectory-table th:nth-child(4) { + min-width: 150px; + width: 150px; +} + +/* Column Width - Contact */ +.dpadirectory-table th:nth-child(5) { + min-width: 85px; + width: 85px; +} + +/* Column Width - Complaint */ +.dpadirectory-table th:nth-child(6) { + min-width: 110px; + width: 110px; +} + +.dpadirectory-table caption, th, td { + padding: 0.8rem; + font-size: 0.65rem; + text-align: left; +} + +.dpadirectory-table caption, th { + font-weight: 700; +} + +.dpadirectory-table caption { + text-transform: uppercase; + color: #000000 !important; + overflow: hidden; + background: #7dbd5b; + border-radius: 5px 5px 0 0; +} + +.dpadirectory-table th { + border-bottom: 3px solid var(--md-default-fg-color--light); +} + +.dpadirectory-table tr { + background: var(--md-default-bg-color--light); +} + +.dpadirectory-table tr:nth-of-type(2n) { + background: hsl(0 0% 0% / 0.03); +} + +.dpadirectory-table tr { + border: 3px solid transparent; + border-bottom: 0.5px solid var(--md-default-fg-color--light); +} + +.dpadirectory-table tr:hover { + border: 3px solid var(--md-default-fg-color--light); +} + +.dpadirectory-table td { + padding: 0.8rem; +} + +.dpadirectory-contact-cell hr { + margin: 0.3rem; + max-width: 100%; + margin-left:0; +} + +/* Table Colors Per Region */ +:root { + --color-dpadirectory-africa: #ffe26e; + --color-dpadirectory-asia: #91d16f; + --color-dpadirectory-europe: #7fbcfc; + --color-dpadirectory-northamerica: #ff8f75; + --color-dpadirectory-oceania: #c394de; + --color-dpadirectory-southamerica: #fcb249; +} + +.table-africa caption { + background: var(--color-dpadirectory-africa); +} + +.table-africa tbody { + border-bottom: 3px solid var(--color-dpadirectory-africa); +} + +.table-asia caption { + background: var(--color-dpadirectory-asia); +} + +.table-asia tbody { + border-bottom: 3px solid var(--color-dpadirectory-asia); +} + +.table-europe caption { + background: var(--color-dpadirectory-europe); +} + +.table-europe tbody { + border-bottom: 3px solid var(--color-dpadirectory-europe); +} + +.table-northamerica caption { + background: var(--color-dpadirectory-northamerica); +} + +.table-northamerica tbody { + border-bottom: 3px solid var(--color-dpadirectory-northamerica); +} + +.table-oceania caption { + background: var(--color-dpadirectory-oceania); +} + +.table-oceania tbody { + border-bottom: 3px solid var(--color-dpadirectory-oceania); +} + +.table-southamerica caption { + background: var(--color-dpadirectory-southamerica); +} + +.table-southamerica tbody { + border-bottom: 3px solid var(--color-dpadirectory-southamerica); +} + +/* DPA Directory Buttons */ +.dpadirectory-button { + color: #000000 !important; +} + +.dpadirectory-button-africa { + background-color: var(--color-dpadirectory-africa); +} + +.dpadirectory-button-asia { + background-color: var(--color-dpadirectory-asia); +} + +.dpadirectory-button-europe { + background-color: var(--color-dpadirectory-europe); +} + +.dpadirectory-button-northamerica { + background-color: var(--color-dpadirectory-northamerica); +} + +.dpadirectory-button-oceania { + background-color: var(--color-dpadirectory-oceania); +} + +.dpadirectory-button-southamerica { + background-color: var(--color-dpadirectory-southamerica); +} + +@media (max-width: 650px) { + .dpadirectory-table th { + display: none; + } + + .dpadirectory-table td { + display: grid; + gap: 0.5rem; + grid-template-columns: 12ch auto; + padding: 0.3rem 1rem; + } + + .dpadirectory-table td:first-child { + padding-top: 1.2rem; + grid-template-columns: 9ch auto; + font-size: 0.8rem; + font-weight: 700; + } + + .dpadirectory-table td:last-child { + padding-bottom: 1.2rem; + } + + .dpadirectory-table td::before { + content: attr(data-cell) ": "; + font-weight: 700; + } + +} diff --git a/content/activism/_index.md b/content/activism/_index.md index 12d998bd1..27fdf5990 100644 --- a/content/activism/_index.md +++ b/content/activism/_index.md @@ -20,14 +20,11 @@ Fighting to improve our privacy cannot *only* be a matter of individual protecti When [regulations keep attacking](https://www.privacyguides.org/articles/2025/09/08/chat-control-must-be-stopped/) the tools and services we rely on to protect our personal information, when corporations [exploit our data](../wiki/basics/common-threats/index.md#surveillance-as-a-business-model) more aggressively every day, and when platforms exponentially [erode online pseudonymity](https://www.privacyguides.org/articles/2025/10/15/real-name-policies/), we must broaden our reach to fight for our rights. -==For privacy to become a valued and respected human right, we must work together== to defend privacy rights as a community. +For privacy to become a valued and respected human right, we must work together to defend privacy rights as a community. This section will progressively grow with more tools to support the community in its privacy advocacy and activism effort. The Privacy Activist Toolbox and the DPA Directory are the first parts of this new development. -
- -[Privacy Activist Toolbox](toolbox/_index.md){ .toolbox-button .toolbox-bg } - -[DPA Directory](legal/dpa-directory/){ .toolbox-button .dpadirectory-bg } - -
+{{< cards >}} + {{< card link="toolbox" title="Privacy Activist Toolbox" >}} + {{< card link="legal/dpa-directory" title="DPA Directory" tag="New!" tagColor="green" tagIcon="sparkles" tagBorder=false >}} +{{< /cards >}} diff --git a/content/activism/toolbox/.meta.yml b/content/activism/toolbox/.meta.yml deleted file mode 100644 index 58cfcadce..000000000 --- a/content/activism/toolbox/.meta.yml +++ /dev/null @@ -1,4 +0,0 @@ -hide: - - toc -social: - cards_layout: toolbox diff --git a/content/activism/toolbox/_index.md b/content/activism/toolbox/_index.md index f567f7270..025261aed 100644 --- a/content/activism/toolbox/_index.md +++ b/content/activism/toolbox/_index.md @@ -1,9 +1,7 @@ --- title: "Privacy Activist Toolbox" description: The Privacy Activist Toolbox is a unique resource with tips for anyone interested in becoming a better privacy rights activist, or anyone who wants to start. -hide: - - feedback -cover: banner-activism-toolbox.webp +toc: true --- The **Privacy Activist Toolbox** is a resource for anyone interested in becoming a better privacy rights activist, or anyone who wants to start advocating for privacy rights. @@ -41,77 +39,84 @@ By clicking on any of the tips listed on this page, you can access more informat ## Check Your Laws - -
+
-### 1. Know your privacy laws + +
+

1. Know your privacy laws

-![Scale icon](./icons/icon-tips/icon-tips-laws.webp){class="toolbox-tip-icon"} +![Scale icon](./icons/icon-tips/icon-tips-laws.webp) +{class="toolbox-tip-icon"} 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. Learn more about what to look for when researching your local privacy laws. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Report privacy violations

-### 2. Report privacy violations - -![Gavel icon](./icons/icon-tips/icon-tips-report.webp){class="toolbox-tip-icon"} +![Gavel icon](./icons/icon-tips/icon-tips-report.webp) +{class="toolbox-tip-icon"} Once you become informed on your local privacy laws, get familiar with the process to report violations. Submitting an official complaint is often simple, and can have a significant impact for yourself and your community. Learn more about why and how you should report violations of your local privacy laws. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
- +
## Choose Your Tools -
+
+

1. Beware of privacy snake oil

-### 1. Beware of privacy snake oil - -![Poison symbol icon](./icons/icon-tips/icon-tips-snakeoil.webp){class="toolbox-tip-icon"} +![Poison symbol icon](./icons/icon-tips/icon-tips-snakeoil.webp) +{class="toolbox-tip-icon"} 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. Learn more about how to evaluate privacy claims and recommend tools that are trustworthy. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Migrate outside the surveillance ecosystem

-### 2. Migrate outside the surveillance ecosystem - -![Arrow pointing out of a square icon](./icons/icon-tips/icon-tips-migrate.webp){class="toolbox-tip-icon"} +![Arrow pointing out of a square icon](./icons/icon-tips/icon-tips-migrate.webp) +{class="toolbox-tip-icon"} As privacy activists, it's important to not only support the tools and organizations with good privacy practices, but to also lead by example when it comes to moving away from the surveillance ecosystem. Learn more about why and how to move away from "Big Tech" and embrace alternatives. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

3. Improve your social media and build resilient communities

-### 3. Improve your social media and build resilient communities - -![Octagon icon](./icons/icon-tips/icon-tips-plant.webp){class="toolbox-tip-icon"} +![Octagon icon](./icons/icon-tips/icon-tips-plant.webp) +{class="toolbox-tip-icon"} Commercial social media platforms represent one of the biggest sources of data exploitation. By staying active on these platforms we continue to feed the beast, and indirectly support their invasion of our privacy rights. Learn more about how to minimize your presence there, and slowly build better social networks. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
@@ -122,43 +127,46 @@ Learn More {align=right} ## Expand Your Perspective -
+
+

1. Don't stop at individual solutions, consider the collective impact

-### 1. Don't stop at individual solutions, consider the collective impact - -![People with radiating lines icon](./icons/icon-tips/icon-tips-expand.webp){class="toolbox-tip-icon"} +![People with radiating lines icon](./icons/icon-tips/icon-tips-expand.webp) +{class="toolbox-tip-icon"} When we think about our privacy, we often focus on the technical tools we can use. While this is indeed an important component, it's crucial not to lose sight of how regulations and invasive practices impact us collectively. Learn more about how to expand your perspective on data privacy. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Keep in mind the whole landscape

-### 2. Keep in mind the whole landscape - -![Globe icon](./icons/icon-tips/icon-tips-landscape.webp){class="toolbox-tip-icon"} +![Globe icon](./icons/icon-tips/icon-tips-landscape.webp) +{class="toolbox-tip-icon"} Privacy isn't just about the tools, the laws, or the practices of any individual or organization. To move our society in a place where everyone benefits from privacy by default, we must consider technologies, laws, and culture holistically. Learn more about remembering to consider the whole landscape. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

3. Consider everyone's unique situation

-### 3. Consider everyone's unique situation - -![People with line over and under icon](./icons/icon-tips/icon-tips-everyone.webp){class="toolbox-tip-icon"} +![People with line over and under icon](./icons/icon-tips/icon-tips-everyone.webp) +{class="toolbox-tip-icon"} Everyone has different needs and faces different dangers when their personal data is exposed. To give actionable privacy advice and recommendations, it's essential to keep in mind everyone's unique situation. Learn more about better evaluating each person's threat model. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
@@ -169,42 +177,46 @@ Learn More {align=right} ## Support The Community -
+
+

1. Lift your allies up

-### 1. Lift your allies up - -![Two hands icon](./icons/icon-tips/icon-tips-lift.webp){class="toolbox-tip-icon"} +![Two hands icon](./icons/icon-tips/icon-tips-lift.webp) +{class="toolbox-tip-icon"} At times, it might feel like the privacy community is niche and isolated. The battle for privacy rights is difficult, and its defenders are often scattered. This is why it's essential that we support and uplift each other at every opportunity. Learn more about how to lift your allies up and grow the movement. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Support your privacy comrades

-### 2. Support your privacy comrades - -![Hand holding a heart icon](./icons/icon-tips/icon-tips-support.webp){class="toolbox-tip-icon"} +![Hand holding a heart icon](./icons/icon-tips/icon-tips-support.webp) +{class="toolbox-tip-icon"} Fighting for privacy rights 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 time. This is why it's critical to care for each other. Learn more about how you can support your privacy comrades. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8} -
 +
+ -
+
+

3. Be kind to people, but be relentless with institutions

-### 3. Be kind to people, but be relentless with institutions - -![Two hands holding a sphere icon](./icons/icon-tips/icon-tips-kind.webp){class="toolbox-tip-icon"} +![Two hands holding a sphere icon](./icons/icon-tips/icon-tips-kind.webp) +{class="toolbox-tip-icon"} Kindness is essential 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. Learn more about how to integrate kindness in your work, while being relentless with institutions. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
@@ -215,43 +227,46 @@ Learn More {align=right} ## Build Alliances -
+
+

1. Start alliances, not wars

-### 1. Start alliances, not wars - -![handshake icon](./icons/icon-tips/icon-tips-alliances.webp){class="toolbox-tip-icon"} +![handshake icon](./icons/icon-tips/icon-tips-alliances.webp) +{class="toolbox-tip-icon"} The privacy community consists of a patchwork of individuals and organizations that sometimes hold quite different views. When these divergences lead to infighting, we need to ask how these internal wars are impacting our community negatively. Learn more about how to start alliances instead of wars. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Value allies with expertise complementary to yours

-### 2. Value allies with expertise complementary to yours - -![Sphere with half dark half light icon](./icons/icon-tips/icon-tips-complement.webp){class="toolbox-tip-icon"} +![Sphere with half dark half light icon](./icons/icon-tips/icon-tips-complement.webp) +{class="toolbox-tip-icon"} In privacy, like everywhere else, diversity is a strength. If you want your community to have a broad understanding of threat models, and be able to fight on multiple levels, you need to value a diversity of expertises. Learn more about recognizing, respecting, and retaining experts with skills different to yours. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

3. Give credit where credit is due

-### 3. Give credit where credit is due - -![Thumbs up icon](./icons/icon-tips/icon-tips-credit.webp){class="toolbox-tip-icon"} +![Thumbs up icon](./icons/icon-tips/icon-tips-credit.webp) +{class="toolbox-tip-icon"} To succeed, we must support each other. A good way to do 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. Learn more about making your allies feel seen and valued. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
@@ -262,57 +277,61 @@ Learn More {align=right} ## Make It Accessible -
+
+

1. Welcome beginners

-### 1. Welcome beginners - -![Person with plus sign icon](./icons/icon-tips/icon-tips-beginner.webp){class="toolbox-tip-icon"} +![Person with plus sign icon](./icons/icon-tips/icon-tips-beginner.webp) +{class="toolbox-tip-icon"} 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 basic concepts yet. Learn more about improving your advocacy work to make it more approachable to beginners. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Keep your posts and community inclusive

-### 2. Keep your posts and community inclusive - -![Heart with plus sign icon](./icons/icon-tips/icon-tips-inclusivity.webp){class="toolbox-tip-icon"} +![Heart with plus sign icon](./icons/icon-tips/icon-tips-inclusivity.webp) +{class="toolbox-tip-icon"} 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. Learn more about keeping your communications and communities inclusive. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

3. Be mindful of accessibility

-### 3. Be mindful of accessibility - -![Heart with checkmark icon](./icons/icon-tips/icon-tips-accessibility.webp){class="toolbox-tip-icon"} +![Heart with checkmark icon](./icons/icon-tips/icon-tips-accessibility.webp) +{class="toolbox-tip-icon"} Accessibility is indispensable to inclusivity, 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. Learn more about improving the accessibility of your privacy work. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

4. Make it cute

-### 4. Make it cute - -![Cat icon](./icons/icon-tips/icon-tips-cute.webp){class="toolbox-tip-icon"} +![Cat icon](./icons/icon-tips/icon-tips-cute.webp) +{class="toolbox-tip-icon"} If you are developing a privacy-focused application or website, 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. Learn more about making your design appealing and accessible to all. Make it cute! -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
@@ -323,43 +342,46 @@ Learn More {align=right} ## Uphold Integrity -
+
+

1. Refuse to participate

-### 1. Refuse to participate - -![Circle with x icon](./icons/icon-tips/icon-tips-refuse.webp){class="toolbox-tip-icon"} +![Circle with x icon](./icons/icon-tips/icon-tips-refuse.webp) +{class="toolbox-tip-icon"} 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. Learn more about refusing to comply with privacy-abusive practices. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Stay true to your principles

-### 2. Stay true to your principles - -![Star icon](./icons/icon-tips/icon-tips-principles.webp){class="toolbox-tip-icon"} +![Star icon](./icons/icon-tips/icon-tips-principles.webp) +{class="toolbox-tip-icon"} If you manage a digital rights group or organization, make sure you aren't subjecting your contributors to the very privacy-invasive tech you're fighting against. Sadly, it's not rare to see communities that aren't following their own advice for internal practices. Learn more about the importance of maintaining integrity *internally* as well as externally. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

3. Protect your allies

-### 3. Protect your allies - -![Shield with heart icon](./icons/icon-tips/icon-tips-protect.webp){class="toolbox-tip-icon"} +![Shield with heart icon](./icons/icon-tips/icon-tips-protect.webp) +{class="toolbox-tip-icon"} Through your privacy work, be careful to never collect or share the data of others without their explicit consent. It's crucial to protect your allies' data in all that you do, whether that's individual action or organizational leadership. Learn more about safeguarding the data of your privacy comrades. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
@@ -370,29 +392,31 @@ Learn More {align=right} ## Stay Persistent -
+
+

1. Small actions matter

-### 1. Small actions matter - -![Puzzle piece icon](./icons/icon-tips/icon-tips-small.webp){class="toolbox-tip-icon"} +![Puzzle piece icon](./icons/icon-tips/icon-tips-small.webp) +{class="toolbox-tip-icon"} 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, and even the smallest action counts. Learn more about why every action and every victory matters, no matter how small. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Take time to rest, but come back to fight with us

-### 2. Take time to rest, but come back to fight with us - -![Low battery icon](./icons/icon-tips/icon-tips-rest.webp){class="toolbox-tip-icon"} +![Low battery icon](./icons/icon-tips/icon-tips-rest.webp) +{class="toolbox-tip-icon"} The battle for privacy rights will be a long one. This isn't a sprint, it's a marathon. If you want to be a good advocate, you *must* take the time to rest when needed. Burning out isn't an option, we cannot afford to lose your precious contribution! Learn more about why it's fundamental to learn to rest when you need it. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
@@ -403,32 +427,36 @@ Learn More {align=right} ## Take Action! -
+
+

1. Engage, boost, and contribute

-### 1. Engage, boost, and contribute - -![Megaphone icon](./icons/icon-tips/icon-tips-engage.webp){class="toolbox-tip-icon"} +![Megaphone icon](./icons/icon-tips/icon-tips-engage.webp) +{class="toolbox-tip-icon"} Once you have the knowledge, motivation, and energy, it's time to act! Perhaps you've read all of these tips, or read through our Knowledge Base already! But you don't need to know that much about privacy to start contributing. Learn more about how to start being a privacy activist. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}
-
+
+

2. Level up! Assemble and organize

-### 2. Level up! Assemble and organize - -![Raised fist icon](./icons/icon-tips/icon-tips-organize.webp){class="toolbox-tip-icon"} +![Raised fist icon](./icons/icon-tips/icon-tips-organize.webp) +{class="toolbox-tip-icon"} 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. Becoming a leader can mean starting a local group, or initiating bigger projects online. Learn more about how to become a *good* leader in the privacy rights movement. -Learn More {align=right} +Learn More {{< icon "arrow-circle-right" >}} +{.toolbox-tip-card-learn-more .hx:mb-8}

+ +
diff --git a/hugo.yaml b/hugo.yaml index 5c7a57bcc..772c26961 100644 --- a/hugo.yaml +++ b/hugo.yaml @@ -43,30 +43,30 @@ markup: menu: main: + - name: Search + weight: 10 + params: + type: search - name: Tools pageRef: /tools - weight: 1 + weight: 20 - name: Wiki pageRef: /wiki - weight: 2 + weight: 30 - name: Activism pageRef: /activism - weight: 3 + weight: 40 - name: Updates - weight: 4 + weight: 50 pageRef: /news - name: Forum url: "https://discuss.privacyguides.net" - weight: 5 + weight: 60 - name: About pageRef: /about - weight: 6 - - name: Search - weight: 7 - params: - type: search + weight: 70 - name: Donate - weight: 8 + weight: 80 pageRef: donate params: diff --git a/prebuild/layouts/index.html b/prebuild/layouts/index.html index 6d119df72..d7d19e803 100644 --- a/prebuild/layouts/index.html +++ b/prebuild/layouts/index.html @@ -27,9 +27,9 @@ {{ $replace1 := replace $string "\"published_at\":\"" "\"date\":\"" }} {{ $replace2 := replace $replace1 "\"updated_at\":\"" "\"modified\":\"" }} {{ $replace3 := replace $replace2 "\"url\":\"https://www.privacyguides.org/" "\"url\":\"" }} - {{ $replace4 := printf "%s\n%s" $replace3 .html }} - {{ $resource := resources.FromString $filename $replace4 }} - {{ $file := $resource.RelPermalink }} + {{ $replace4 := printf "%s\n---\n%s" $replace3 .html }} + {{ $yaml_template := resources.Get "post.yaml" }} + {{ $resource := resources.FromString $filename $replace4 }} {{ end }} {{ end }}