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) }} +
+ +
+ {{ cond $displayTitle `Dark Logo` .Site.Title }} + {{- 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" . -}} + + + {{- (T "skipToContent") | default "Skip to content" -}} + + {{- partial "banner.html" . -}} + {{- partial "navbar.html" . -}} + {{- block "main" . }}{{ end -}} + {{- if or (eq .Site.Params.footer.enable nil) (.Site.Params.footer.enable) }} + {{ partial "footer.html" . }} + {{ end }} + {{ partial "scripts.html" . }} + +