feat!: Create custom homepage

assets/css/custom.css

@@ -167,17 +167,21 @@
 .content {
   font-family: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
 }
-.content h1, .content h2, .content h3 {
+h1, .content h1, .content h2, .content h3 {
   font-family: "Bagnard", "Georgia", ui-serif, serif;
   font-weight: bold;
   padding-top: 0.5em;
   border: none;
 }
+.pg-home h3 {
+  font-weight: 900;
+}
 
 :root {
   --primary-hue: 40.42deg;
   --primary-saturation: 100%;
   --primary-lightness: 71.76%;
+  --hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
 }
 
 .content :where(a):not(:where([class~=not-prose],

content/_index.md

@@ -0,0 +1,125 @@
+---
+title: Privacy Guides
+layout: pg-home
+---
+
+{{< hextra/hero-container image="brand/logos/svg/square/pg-yellow-nobg.svg"  imageTitle="Privacy Guides shield logo" >}}
+
+<div class="hx:mt-6 hx:mb-6">
+{{< hextra/hero-headline >}}
+  Consumer Data Privacy&nbsp;<br class="hx:sm:block hx:hidden" />Advocacy &amp; Resources
+{{< /hextra/hero-headline >}}
+</div>
+
+<div class="hx:mb-12">
+{{< hextra/hero-subtitle >}}
+  <strong>Privacy Guides</strong> is the only impartial, non-profit project<br class="hx:sm:block hx:hidden" />
+  focused on building a <strong>strong privacy advocacy</strong> community <br class="hx:sm:block hx:hidden" />
+  and delivering the best <strong>digital privacy education</strong> on the internet.
+{{< /hextra/hero-subtitle >}}
+</div>
+
+<div class="hx:mb-6">
+{{< hextra/hero-button text="Why Privacy Matters" link="wiki/basics/why-privacy-matters" style="margin-top: 8px; margin-right: 8px; color: var(--hx-color-gray-800); background-color: var(--hx-color-primary-500);" >}}
+{{< hextra/hero-button text="Recommended Tools" link="tools" style="margin-top: 8px; color: white; background-color: var(--hx-color-gray-600);" >}}
+</div>
+
+{{< /hextra/hero-container >}}
+
+<div class="hx:mt-12"></div>
+
+{{< hextra/hero-section style="text-align: center; width: 100%; margin-bottom: 1em;" >}}
+  What <strong>Privacy Champions</strong> Like You Have Built:
+{{< /hextra/hero-section >}}
+
+{{< hextra/feature-grid >}}
+  {{< hextra/feature-card
+    title="Privacy Tools"
+    subtitle="The essential tools you need to safeguard your digital privacy, chosen by community consensus."
+    class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]"
+    image="pg-home-privacy-tools.png"
+    imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(0, 0, 0, 0.15),hsla(0,0%,100%,0));"
+    link="tools"
+  >}}
+  {{< hextra/feature-card
+    title="Privacy Wiki"
+    subtitle="A comprehensive resource for understanding digital privacy concepts and best practices."
+    class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]"
+    image="pg-home-privacy-wiki.png"
+    imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(53, 142, 62, 0.15),hsla(0,0%,100%,0));"
+    link="wiki"
+  >}}
+  {{< hextra/feature-card
+    title="Privacy Forum"
+    subtitle="Join the conversation, get answers, and connect with others who share your commitment to digital privacy."
+    class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]"
+    image="pg-home-privacy-forum.png"
+    imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(59, 202, 221, 0.15),hsla(0,0%,100%,0));"
+    link="https://discuss.privacyguides.net"
+  >}}
+  {{< hextra/feature-card
+    title="Educational Videos"
+    subtitle="Watch our educational videos to learn more about digital privacy and how to protect yourself online."
+    class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]"
+    image="pg-home-youtube.png"
+    imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(221,210,59,0.15),hsla(0,0%,100%,0));"
+    link="https://youtube.com/@PrivacyGuides"
+  >}}
+  {{< hextra/feature-card
+    title="For Advocates"
+    subtitle="Get involved in privacy activism and help us build a more private internet."
+    class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]"
+    image="pg-home-privacy-activism.png"
+    imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(221, 59, 59, 0.15),hsla(0,0%,100%,0));"
+    link="activism"
+  >}}
+  {{< hextra/feature-card
+    title="News Briefs"
+    subtitle="Stay updated with the latest news and developments in the world of cybersecurity, privacy, and digital rights."
+    class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]"
+    image="pg-home-privacy-news.png"
+    imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark:opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(183, 59, 221, 0.15),hsla(0,0%,100%,0));"
+    link="news"
+  >}}
+  {{< hextra/feature-card
+    title="Newsletter"
+    subtitle="Subscribe to our newsletter and never miss an update on the latest in the consumer digital privacy world."
+    link="#/portal"
+    icon="mail-open"
+  >}}
+  {{< hextra/feature-card
+    title="Articles"
+    subtitle="Read the latest articles from our team of privacy experts and guest contributors."
+    link="articles"
+    icon="book-open"
+  >}}
+  {{< hextra/feature-card
+    title="This Week in Privacy"
+    subtitle="Our livestream and podcast discussing the latest news and answering your questions, every single week."
+    link="https://thisweekinprivacy.net"
+    icon="chat-alt-2"
+  >}}
+  {{< hextra/feature-card
+    title="Courses and Tutorials"
+    subtitle="Follow our courses and tutorials to learn more about digital privacy and how to protect yourself online."
+    link="https://www.youtube.com/@PrivacyGuides/courses"
+    icon="academic-cap"
+  >}}
+  {{< hextra/feature-card
+    title="Trustworthy Reviews"
+    subtitle="We're committed to providing unbiased and comprehensive reviews of privacy tools and services."
+    icon="badge-check"
+  >}}
+  {{< hextra/feature-card
+    title="Learn More"
+    subtitle="Find out more about Privacy Guides and how you can support our mission."
+    link="about"
+    icon="heart"
+  >}}
+{{< /hextra/feature-grid >}}

content/about/_index.md

@@ -1,19 +1,9 @@
 ---
 title: "About Privacy Guides"
 description: Privacy Guides is a socially motivated website that provides information for protecting your data security and privacy.
-schema:
-  "@context": https://schema.org
-  "@type": Organization
-  "@id": https://www.privacyguides.org/
-  name: Privacy Guides
-  url: https://www.privacyguides.org/en/about/
-  logo: https://www.privacyguides.org/en/assets/brand/logos/png/square/pg-yellow.png
-  sameAs:
-    - https://twitter.com/privacy_guides
-    - https://github.com/privacyguides
-    - https://www.wikidata.org/wiki/Q111710163
-    - https://www.youtube.com/@privacyguides
-    - https://mastodon.neat.computer/@privacyguides
+breadcrumbs: false
+cascade:
+  type: docs
 ---
 ![Privacy Guides logo](assets/brand/logos/png/square/pg-yellow.png){ align=right }
 

content/tools/_index.md

@@ -3,13 +3,12 @@ title: "Privacy Tools"
 description: A complete list of the privacy tools, services, software, and hardware recommended by the Privacy Guides community.
 toc: false
 breadcrumbs: false
+type: docs
 cascade:
   type: docs
   contextMenu: true
 ---
 
-{{< term "AVB" >}}
-
 If you're looking for a specific solution to something, these are the hardware and software tools we recommend in a variety of categories. Our recommended privacy tools are primarily chosen based on security features, with additional emphasis on decentralized and open-source tools. They are applicable to a variety of threat models ranging from protection against global mass surveillance programs and avoiding big tech companies to mitigating attacks, but only you can determine what will work best for your needs.
 
 If you want assistance figuring out the best privacy tools and alternative programs for your needs, start a discussion on our [forum](https://discuss.privacyguides.net) or our [Matrix](https://matrix.to/#/#privacyguides:matrix.org) community!

content/wiki/basics/why-privacy-matters.md

@@ -3,7 +3,7 @@ title: "Why Privacy Matters"
 weight: 10
 description: In the modern age of digital data exploitation, your privacy has never been more critical, and yet many believe it is already a lost cause. It is not.
 ---
-In the modern age of digital data exploitation, your privacy has never been more critical, and yet many believe it is already a lost cause. It is not. ==Your privacy is up for grabs==, and you need to care about it. Privacy is about power, and it is so important that this power ends up in the right hands.
+In the modern age of digital data exploitation, your privacy has never been more critical, and yet many believe it is already a lost cause. It is not. <mark>Your privacy is up for grabs</mark>, and you need to care about it. Privacy is about power, and it is so important that this power ends up in the right hands.
 
 Privacy is ultimately about human information, and this is important because we know that human information confers power over human beings. If we care about our ability to be authentic, fulfilled, and free humans, we have to care about the rules that apply to information about us. So much of our modern society is structured around **information**. When you shop online, read the news, look something up, vote, seek directions, or really anything else, you are relying on information. If we live in an information society, our information matters, and therefore privacy matters.
 
@@ -11,12 +11,10 @@ Privacy is ultimately about human information, and this is important because we
 
 Many people get the concepts of **privacy**, **security**, and **anonymity** confused. You'll see people criticize various products as "not private" when really they mean it doesn't provide anonymity, for example. On this website, we cover all three of these topics, but it is important you understand the difference between them, and when each one comes into play.
 
-[:material-movie-open-play-outline: Video: Stop Confusing Privacy, Anonymity, and Security](https://www.privacyguides.org/videos/2025/03/14/stop-confusing-privacy-anonymity-and-security){ .md-button }
-
 <!-- markdownlint-disable-next-line -->
 **Privacy**
 
-:   ==Privacy is the assurance that your data is only seen by the parties you intend to view it.== In the context of an instant messenger, for example, end-to-end encryption provides privacy by keeping your message visible only to yourself and the recipient.
+:   <mark>Privacy is the assurance that your data is only seen by the parties you intend to view it.</mark> In the context of an instant messenger, for example, end-to-end encryption provides privacy by keeping your message visible only to yourself and the recipient.
 
 <!-- markdownlint-disable-next-line -->
 **Security**

hugo.yaml

@@ -63,15 +63,19 @@ menu:
       name: About
       pageRef: /about
       parent: more
+    - identifier: glossary
+      name: Glossary
+      pageRef: /glossary
+      parent: more
     - name: Search
       weight: 7
       params:
         type: search
-    - name: GitHub
+    - name: Donate
       weight: 8
-      url: "https://github.com/privacyguides/privacyguides.org"
+      pageRef: donate
       params:
-        icon: github
+        icon: heart
 
 params:
   navbar:
@@ -97,19 +101,16 @@ params:
     enable: true
     base: "https://github.com/privacyguides/privacyguides.org/edit/main/content"
 
+  rss:
+    sections: 
+      - docs
+
 enableGitInfo: true
 
 outputs:
-  home:
-    - html
-    - llms
-  page:
-    - html
-    - markdown
-  section:
-    - html
-    - markdown
-    - rss
+  home: [HTML, RSS]
+  page: [HTML, markdown, RSS]
+  section: [HTML, RSS]
 
 defaultContentLanguage: en
 languages:

layouts/pg-home.html

@@ -0,0 +1,10 @@
+{{ define "main" }}
+  <div class='hx:mx-auto hx:flex hextra-max-page-width'>
+    {{ partial "sidebar.html" (dict "context" . "disableSidebar" true) }}
+    <main id="content" class="hx:w-full hx:break-words hx:min-h-[calc(100vh-var(--navbar-height))] hx:min-w-0 hx:pb-8 hx:pt-8 hx:md:pt-12 hx:pl-[max(env(safe-area-inset-left),1.5rem)] hx:pr-[max(env(safe-area-inset-left),1.5rem)]">
+      <div class="pg-home hx:flex hx:flex-col hx:items-start">
+        {{ .Content }}
+      </div>
+    </main>
+  </div>
+{{ end }}