Updated the zen theme.

assets/sass/_colors.scss

@@ -8,6 +8,7 @@ $grey-dark:             lighten($black, 40%); // #666
 $grey:                  lighten($black, 60%); // #999
 $grey-light:            lighten($black, 80%); // #ccc
 $grey-extra-light:      lighten($black, 93.33%); // #eee
+$nearwhite:             lighten($black, 97%); // #f7f7f7
 $white:                 #fff;
 
 $blue:                  #0072b9;
@@ -21,12 +22,14 @@ $orange-light:          #ec5b34;
 
 $brand:                 $nearblack;
 $brand-alt:             $grey;
+$brand-light:           $grey-light;
 $brand-dark:            $grey-dark;
 
 // Colour map.
 $colors: (
   brand:                  $brand,
   brand-alt:              $brand-alt,
+  brand-light:            $brand-light,
   brand-dark:             $brand-dark,
   text:                   $black,
   text-bg:                $white,
@@ -37,42 +40,47 @@ $colors: (
   link-hover:             $orange-light,
   link-active:            $orange-light,
 
-  border:                 $grey-light,
-  border-dark:            $nearblack,
+  link-inverted:          $white,
+  link-visited-inverted:  $white,
+  link-hover-inverted:    $white,
+  link-active-inverted:   $red,
+
+  border:                 $brand,
+  border-light:           $brand-light,
+  border-dark:            $brand-dark,
 
   autocomplete:           $black,
   autocomplete-bg:        $white,
   autocomplete-select:    $white,
   autocomplete-select-bg: $blue,
 
-  body-bg:                $grey-extra-light,
-  header-bg:              $brand,
+  body-bg:                transparent,
+  header-bg:              transparent,
+  footer-bg:              transparent,
   backdrop:               $grey-extra-light,
 
   mobile-menu:            $brand,
   mobile-menu-cover:      rgba($black, .2),
 
   button:                 $brand,
-  button-hover:           $brand-dark,
+  button-hover:           $brand-alt,
   button-text:            $white,
   button-text-hover:      $white,
   button-disabled:        $grey,
 
-  form-error:             $red,
-
   mark-highlight:         $red,
   mark-bg:                $yellow,
 
   menu-active:            $black,
 
   preview-bg:             lighten($yellow, 43%),
 
-  row-stripe:             $white,
-  row-disabled:           $grey-light,
+  row-header:             transparent,
+  row-odd:                $nearwhite,
+  row-even:               transparent,
 
   status:                 $green,
   status-bg:              lighten($green, 62%),
-  status-highlight:       $black,
   warning:                $black,
   warning-bg:             lighten($yellow, 45%),
   warning-border:         $yellow,
@@ -84,4 +92,6 @@ $colors: (
   headings:               $nearblack,
 
   code:                   $nearblack,
+
+  highlight:              $brand-alt,
 );

assets/sass/_custom.scss

@@ -2,16 +2,6 @@
 
 // Site custom styles
 
-.header {
-  @include margin-bottom(1);
-
-  &__logo-image {
-    width: 220px;
-  }
-}
-
 .badges {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
+  --gap: 1rem;
 }

assets/sass/_extra.scss

@@ -0,0 +1,5 @@
+// Set the font sizes to use, fixed or fluid.
+$font-size: $font-size-fluid;
+
+// The max content width. (Consider using one of the breakpoints.)
+$max-content-width:   999px;

content/_index.md

@@ -14,54 +14,54 @@ menu:
 
 
 
-{{< wrapper badges >}}
+{{< wrapper "badges flex-inline" >}}
 [![Documentation](https://img.shields.io/badge/docs-hypha.app-purple)](https://docs.hypha.app/)
 [![GitHub release (latest by date)](https://img.shields.io/github/v/release/HyphaApp/hypha)](https://github.com/HyphaApp/hypha/releases)
 [![Discourse forum](https://img.shields.io/badge/forum-we.hypha.app-orange)](https://we.hypha.app/)
 [![Zulip chat](https://img.shields.io/badge/chat-chat.hypha.app-brightgreen)](https://chat.hypha.app/)
 {{< /wrapper >}}
 
 
-## What is Hypha? ## 
+# What is Hypha?
 
 Hypha is an open source submission management platform to receive and manage applications for funding. You are welcome to explore Hypha on our demo site. [Online Demo](https://sandbox.opentech.fund/)
 
 Developed internally by Open Technology Fund (OTF) and community partners, Hypha is an easy to use, secure, and privacy-focused application and project management system for application reviewers, prospective and current funding recipients, and project managers. Our goal is to facilitate open, accessible, and reproducible code to individuals and organizations working to build a more equitable world.
 
 - **Manage the whole submission pipeline**. Hypha gives you the flexibility to create application forms you need for multiple funding rounds at the same time.
-- **Participatory and collaborative review process**. Managers can easily navigate through the platform to evaluate proposals and share their assessments with internal or external stakeholders. 
+- **Participatory and collaborative review process**. Managers can easily navigate through the platform to evaluate proposals and share their assessments with internal or external stakeholders.
 - **Connect with applicants and grantees on the platform**. Send notifications via Slack and e-mail. There are also in-app notifications.
-- **100% open source**. Improving the sustainability of open source software is a core component of Hypha. 
-- Since its inception, **transparency, security, and trust** have driven Hypha’s development: 
+- **100% open source**. Improving the sustainability of open source software is a core component of Hypha.
+- Since its inception, **transparency, security, and trust** have driven Hypha’s development:
   - A number of comprehensive [security audits](https://www.opentech.fund/news/otf-conducts-security-audit-of-hypha/) have been completed, the last one in 2021.
   - We have implemented best practices in Django security to prevent attacks and mitigate vulnerabilities.
   - Two-factor authentication is available to enhance your platform security.
 - **Your data is yours**. Hypha is self-hosted. This means that application data and all associated information is available on your own systems.
 
-## Hypha Community ##
+## Hypha Community
+
 We offer several virtual meeting spaces, including communication forums, chat room channels, and an open GitHub repository for new and current adopters. [Join our forums](https://we.hypha.app/) to discuss new features and report bugs for continuous improvement of the platform. [Get Started](https://github.com/HyphaApp/hypha)
 
-If you want to go further you are welcome to test Hypha on our demo site. Enter the demo site and freely navigate the platform's features. [Online Demo](https://sandbox.opentech.fund/)      
+If you want to go further you are welcome to test Hypha on our demo site. Enter the demo site and freely navigate the platform's features. [Online Demo](https://sandbox.opentech.fund/)
 
-## Who contributes to Hypha? ##
+## Who contributes to Hypha?
 
 Hypha is improved by a small community of developers, designers, and users. As an open source software with a [BSD 3-clause](https://github.com/HyphaApp/hypha/blob/main/LICENSE) license, we welcome any contribution to expand on what the platform can do and to create add-on functionality not already available. OTF currently partners with [Fredrik Jonsson](https://github.com/frjo) @ [Combonetwork](https://www.combonet.se/), Lead Developer, to ensure the long-term maintenance, security, and sustainability of Hypha.
 
 We are grateful to organizations that have chosen to implement Hypha and appreciate any and all code, design, documentation, bug reports, and other forms of contributions:
 
-- [Open Tech Strategies](https://www.opentechstrategies.com)                
+- [Open Tech Strategies](https://www.opentechstrategies.com)
 - [Remote Inning](https://www.remoteinning.com/)
 - [Maxwell Pearl](https://maxwellpearl.com/)
-- [Psycle](https://psycle.com/)                                                    
+- [Psycle](https://psycle.com/)
 - [Superbloom](https://simplysecure.org/)
 - [Throneless Technology](https://throneless.tech/)
 - [Torchbox](https://www.torchbox.com/)
 
-## These organizations are already using Hypha ##
+## These organizations are already using Hypha
 
 - [Amateur Radio Digital Communications](https://www.ampr.org/)
 - [Digital Defenders Partnership](https://www.digitaldefenders.org/)
 - [Digital Freedom Fund](https://digitalfreedomfund.org/)
 - [Prototype Fund](https://www.prototypefund.de/en/)
 - [Open Technology Fund](https://www.opentech.fund/)
-

go.mod

@@ -2,4 +2,6 @@ module github.com/HyphaApp/hypha-site
 
 go 1.19
 
-require github.com/frjo/hugo-theme-zen/v2 v2.3.3 // indirect
+require (
+	github.com/frjo/hugo-theme-zen/v3 v3.8.0 // indirect
+)

go.sum

@@ -1,2 +1,2 @@
-github.com/frjo/hugo-theme-zen/v2 v2.3.3 h1:dw/s7yjc84bsprzPr6VtcZIPqBKl2SI77+1Zp9qlq0g=
-github.com/frjo/hugo-theme-zen/v2 v2.3.3/go.mod h1:bjXp0K3ADEHreZ6+vt/FdtEdPBNdS6IDtJm5NkXrNxU=
+github.com/frjo/hugo-theme-zen/v3 v3.8.0 h1:ETo8FWAoRxXVmIgqVb0FuYoAXmtIA5sZYyE23rXagdM=
+github.com/frjo/hugo-theme-zen/v3 v3.8.0/go.mod h1:hwFwwEwrOoL2Z8t11M3jqQyr0yOp7tpBRnp58S6gPYk=

config.yaml → hugo.yaml

@@ -1,7 +1,7 @@
 ---
 title: "Hypha"
 baseURL: "https://www.hypha.app/"
-theme: "github.com/frjo/hugo-theme-zen/v2"
+theme: "github.com/frjo/hugo-theme-zen/v3"
 languageCode: "en-GB"
 defaultContentLanguage: "en"
 pluralizelisttitles: false
@@ -21,8 +21,8 @@ outputs:
   section: ["HTML"]
 
 params:
-  contact: "hello@@hypha.app"
-  copyright: "Copyright (©) 2022 - Open Technology Fund"
+  contact: "[email protected]"
+  copyright: "Copyright (©) 2024 - Open Technology Fund"
   description: "Hypha is an open source submission management platform to receive and manage applications for funding."
   dateformat: "2 January, 2006"
   favicon: "apple-touch-icon.png"
@@ -31,8 +31,10 @@ params:
   icon: "apple-touch-icon.png"
   image: "images/logo-large.png"
   imageMaxWidth: 400
+  logoWidth: 220
   mobileMenu: false
   poweredby: false
   realfavicongenerator: true
   sidebar: false
+  sitename: false
   submitted: false