Added brand file

_brand.yml

@@ -0,0 +1,122 @@
+meta:
+  name:
+    full: GRASS
+    short: GRASS
+  link:
+    home: https://grass.osgeo.org
+    docs: https://grass.osgeo.org/grass-stable/manuals/
+  description: |
+    Bringing advanced geospatial technologies to the world
+  founded: 1984
+typography:
+  fonts:
+    - family: Open Sans
+      source: bunny
+    - family: Fira Code
+      source: bunny
+  base:
+   family: Open Sans
+   weight: 400
+  headings:
+    family: Open Sans
+    weight: 500
+    color: dark_grey
+  link:
+    weight: 400
+    color: secondary
+  monospace: "Fira Code"
+
+
+# https://posit-dev.github.io/brand-yml/brand/color.html
+color:
+  palette:
+    green: "#4cb05b"
+    alt_green: "#6ed079"
+    light_green: "#87e991"
+    dark_green: "#088b36"
+    blue: "#00393f"
+    alt_blue: "#27575c"
+    light_blue: " #4a787d"
+    dark_blue: "#002024"
+    grey: "#91908f"
+    alt_grey: "#d8d8d8"
+    light_grey: "#f0f0f1"
+    dark_grey: "#757473"
+    black: "#021905"
+    white: "#f7f7f7"
+    support: "#f3398a"
+  foreground: black
+  background: white
+  primary: green
+  secondary: blue
+  tertiary: alt_blue
+  success: dark_green
+  info: light_green
+  warning: light_blue
+  danger: "#dc3545" # bootsrap5 danger
+  light: white
+  dark: black
+  link: dark_blue
+
+# https://posit-dev.github.io/brand-yml/brand/logo.html
+# https://sc.edu/about/offices_and_divisions/digital-accessibility/toolbox/best_practices/alternative_text/logo-alt-text/index.php
+logo:
+  images: 
+    logo-small-no-text-light:
+      path: "images/logos/small/[email protected]"
+      alt: "Small sized GRASS icon colored white with GRASS shape"
+    logo-small-no-text-dark:
+      path: "images/logos/small/[email protected]"
+      alt: "Small sized GRASS icon colored GRASS green with GRASS shape"
+    logo-medium-no-text-light:
+      path: "images/logos/medium/[email protected]"
+      alt: "Medium sized GRASS icon colored white with GRASS shape"
+    logo-medium-no-text-dark:
+      path: "images/logos/medium/[email protected]"
+      alt: "Medium sized GRASS icon colored GRASS green with GRASS shape"
+    logo-large-no-text-light:
+      path: "images/logos/large/grass-white-no-text.svg"
+      alt: "Large vector (svg) GRASS icon colored white with GRASS shape"
+    logo-large-no-text-dark:
+      path: "images/logos/large/grass-green-no-text.svg"
+      alt: "Large vector (svg) GRASS icon colored GRASS green with GRASS shape"
+    header-white:
+      path: images/logos/large/grass-white.svg
+      alt: "GRASS name with logo in white"
+    header-green:
+      path: images/logos/large/grass-green.svg
+      alt: "GRASS name with logo in GRASS green"
+    header-gradient:
+      path: images/logos/large/grass-gradient.svg
+      alt: "GRASS name with logo in gradient"
+    horizontal-white:
+      path: images/logos/large/grass-white-horizontal.svg
+      alt: "GRASS name with logo in white"
+    horizontal-green:
+      path: images/logos/large/grass-green-horizontal.svg
+      alt: "GRASS name with logo in GRASS green"
+    horizontal-gradient:
+      path: images/logos/large/grass-gradient-horizontal.svg
+      alt: "GRASS name with logo in gradient"
+  small:
+    light: logo-small-no-text-light
+    dark: logo-small-no-text-dark
+  medium:
+    light: logo-medium-no-text-light
+    dark: logo-medium-no-text-dark
+  large:
+    light: logo-large-no-text-light
+    dark: logo-large-no-text-dark
+
+defaults:
+  bootstrap:
+    # List of theme variables to override
+    # https://quarto.org/docs/output-formats/html-themes.html
+    defaults:
+      navbar-fg: white
+      navbar-hl: "$brand-alt-blue"
+      sidebar-fg: "$blue"
+      sidebar-hl: "$brand-alt-blue"
+      footer-bg: "$brand-green"
+      footer-fg: "$brand-white"
+

_quarto.yml

@@ -2,12 +2,10 @@ project:
   type: website
   output-dir: docs
 website:
-  favicon: images/logos/grass-favicon-16x16.png
+  favicon: images/favicon.ico
   navbar:
-    title: "Learn GRASS"
-    background: primary
+    title: Learn GRASS
     search: true
-    logo: "images/logos/grass-favicon-white-32x32.png"
     tools:
       - icon: github
         menu:
@@ -20,30 +18,42 @@ website:
       Partially supported by US NSF
       [![](/images/logos/NSF_Official_logo_100x100.png){fig-alt="NSF" width=45px}](https://www.nsf.gov/awardsearch/showAward?AWD_ID=2303651)
     center: Content is dual-licensed under [GFDL-1.2-or-later](https://www.gnu.org/licenses/fdl-1.2.html) and [CC-BY-SA-4.0](https://creativecommons.org/licenses/by-sa/4.0/)
+    # Quarto does not support the icon tag to use FontAwesome.
+    # The workaround is to use the fa icon in the text.
+    # We do this for consistency with the rest of the sites.
+    # https://github.com./quarto-ext/fontawesome/issues/6
     right:
-      - icon: github
-        href: https://github.com/OSGeo/grass
-        aria-label: GRASS on GitHub
-      - icon: chat-fill
-        href: https://discourse.osgeo.org/c/grass/62
-        aria-label: GRASS on Discourse
-      - icon: mastodon
+      - icon: opencollective
+        href: https://opencollective.com/grass/contribute
+        aria-label: GRASS on Open Collective
+      - text: "{{< fa brands gitter >}}"
+        href: https://gitter.im/grassgis/community
+        aria-label: GRASS on Gitter
+      - text: "{{< fa brands mastodon >}}"
         href: https://fosstodon.org/@grassgis
         aria-label: GRASS on Mastodon
-      - icon: twitter-x
+      - text: "{{< fa brands discourse >}}"
+        href: https://discourse.osgeo.org/c/grass/62
+        aria-label: GRASS on Discourse
+      - text: "{{< fa brands linkedin >}}"
+        href: "https://linkedin.com/company/grass-gis"
+        aria-label: GRASS on LinkedIn
+      - text: "{{< fa brands x-twitter >}}"
         href: https://x.com/grassgis
         aria-label: GRASS on X
-      - icon: facebook
-        href: https://www.facebook.com/groups/GRASS
-        aria-label: GRASS on Facebook
-      - icon: youtube
+      - text: "{{< fa brands youtube >}}"
         href: https://www.youtube.com/@grass-gis
         aria-label: GRASS on YouTube
+      - text: "{{< fa brands github >}}"
+        href: https://github.com./OSGeo/grass
+        aria-label: GRASS on GitHub
+
 execute:
   freeze: auto
+brand: _brand.yml
 format:
   html:
-    theme: [pandoc, theme.scss]
+    theme: [pandoc, brand, theme.scss]
     toc: true
     toc-title: Table of Contents
     link-external-newwindow: true