diff --git a/assets/css/custom.css b/assets/css/custom.css
index f5093c51..3e81d927 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -184,6 +184,41 @@ h1, .content h1, .content h2, .content h3 {
--hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
}
+:root:has(body.recommended-privacy-tools) {
+ --primary-hue: 200deg;
+ --primary-saturation: 37.75%;
+ --primary-lightness: 70.39%;
+ --hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
+}
+
+:root:has(body.privacy-wiki) {
+ --primary-hue: 167.57deg;
+ --primary-saturation: 97.13%;
+ --primary-lightness: 40.98%;
+ --hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
+}
+
+:root:has(body.privacy-activism) {
+ --primary-hue: 5deg;
+ --primary-saturation: 96.43%;
+ --primary-lightness: 56.08%;
+ --hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
+}
+
+.hextra-nav-container {
+ background: radial-gradient(ellipse at 50% 80%,var(--hx-color-primary-500),hsla(0,0%,100%,0));
+ border-bottom: 1px solid var(--hx-color-primary-500);
+}
+
+.hextra-max-navbar-width a[href*="/about/donate/"] {
+ color: white;
+ background-color: var(--hx-color-primary-800);
+ font-weight: 900;
+ text-transform: uppercase;
+ margin-left: 16px;
+ border-radius: var(--hx-radius-md);
+}
+
.content :where(a):not(:where([class~=not-prose],
[class~=not-prose] *)) {
color:var(--hx-color-primary-800);
@@ -212,12 +247,3 @@ a.footnote-ref {
.pg-unstyled-cards .hextra-card:hover {
background-color: inherit;
}
-
-.hextra-max-navbar-width a[href*="/about/donate/"] {
- color: white;
- background-color: rgba(255, 0, 0, 0.9);
- font-weight: 900;
- text-transform: uppercase;
- margin-left: 16px;
- border-radius: .25rem;
-}
diff --git a/layouts/_partials/navbar-title.html b/layouts/_partials/navbar-title.html
new file mode 100644
index 00000000..fbb6264e
--- /dev/null
+++ b/layouts/_partials/navbar-title.html
@@ -0,0 +1,18 @@
+{{- $logoPath := .Site.Params.navbar.logo.path | default "images/logo.svg" -}}
+{{- $logoLink := .Site.Params.navbar.logo.link | default .Site.Home.RelPermalink -}}
+{{- $logoWidth := .Site.Params.navbar.logo.width | default "20" -}}
+{{- $logoHeight := .Site.Params.navbar.logo.height | default "20" -}}
+{{- $logoDarkPath := .Site.Params.navbar.logo.dark | default $logoPath -}}
+
+
+ {{- $displayTitle := (.Site.Params.navbar.displayTitle | default true) }}
+ {{- if (.Site.Params.navbar.displayLogo | default true) }}
+
+ {{- end }}
+ {{- if $displayTitle }}
+ {{- .Site.Title -}}
+ {{- end }}
+
diff --git a/layouts/baseof.html b/layouts/baseof.html
new file mode 100644
index 00000000..3c7394be
--- /dev/null
+++ b/layouts/baseof.html
@@ -0,0 +1,16 @@
+
+
+ {{- partial "head.html" . -}}
+