Merge pull request #563 from Xpirix/dpg_badge

Add DPG badge to the homepage and the README
qgis · Feb 20, 2025 · 3ddfc06 · 3ddfc06
2 parents 8bd6423 + ec4877c
commit 3ddfc06
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,5 @@
 # QGIS Website
+[![DPG Badge](https://img.shields.io/badge/Verified-DPG-3333AB?logo=data:image/svg%2bxml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMSAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjIwMDggMjEuMzY3OEwxMC4xNzM2IDE4LjAxMjRMMTEuNTIxOSAxNi40MDAzTDEzLjk5MjggMTguNDU5TDE5LjYyNjkgMTIuMjExMUwyMS4xOTA5IDEzLjYxNkwxNC4yMDA4IDIxLjM2NzhaTTI0LjYyNDEgOS4zNTEyN0wyNC44MDcxIDMuMDcyOTdMMTguODgxIDUuMTg2NjJMMTUuMzMxNCAtMi4zMzA4MmUtMDVMMTEuNzgyMSA1LjE4NjYyTDUuODU2MDEgMy4wNzI5N0w2LjAzOTA2IDkuMzUxMjdMMCAxMS4xMTc3TDMuODQ1MjEgMTYuMDg5NUwwIDIxLjA2MTJMNi4wMzkwNiAyMi44Mjc3TDUuODU2MDEgMjkuMTA2TDExLjc4MjEgMjYuOTkyM0wxNS4zMzE0IDMyLjE3OUwxOC44ODEgMjYuOTkyM0wyNC44MDcxIDI5LjEwNkwyNC42MjQxIDIyLjgyNzdMMzAuNjYzMSAyMS4wNjEyTDI2LjgxNzYgMTYuMDg5NUwzMC42NjMxIDExLjExNzdMMjQuNjI0MSA5LjM1MTI3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)](https://blog.qgis.org/2025/02/08/qgis-recognized-as-digital-public-good/)
 
 ![Screenshot](./img/qgis-website.webp)
 

diff --git a/content/_index.md b/content/_index.md
@@ -12,6 +12,8 @@ ButtonText: "Download"
 ButtonLink: "download/"
 SupportedOS: "Available on Windows, Mac, Linux"
 LabelText: "Free and Open Source"
+Badge: "img/badges/dpg-badge.png"
+BadgeLink: "https://blog.qgis.org/2025/02/08/qgis-recognized-as-digital-public-good/"
 ---
 
 {{< feature

diff --git a/playwright/ci-test/tests/fixtures/home-page.ts b/playwright/ci-test/tests/fixtures/home-page.ts
@@ -77,7 +77,7 @@ export class HomePage {
         this.downloadLink = this.page
             .locator("section")
             .filter({ hasText: "Free and open source Spatial" })
-            .getByRole("link");
+            .getByRole("link").last();
         this.spatialWithoutCompromiseHeading = this.page.getByRole("heading", {
             name: "Spatial without compromise",
         });

diff --git a/static/img/badges/dpg-badge.png b/static/img/badges/dpg-badge.png
diff --git a/themes/hugo-bulma-blocks-theme/assets/sass/bulma/layout/hero.sass b/themes/hugo-bulma-blocks-theme/assets/sass/bulma/layout/hero.sass
@@ -198,6 +198,16 @@ $hero-colors: $colors !default
       display: none !important
     img
       width: 100px
+  .badge-image
+    img
+      opacity: 0.7
+      border: 2px solid #ffffff
+      max-height: 38px
+      border-radius: 100px
+      padding: 5px 5px 5px 7px
+      transition: all 0.3s
+      &:hover
+        opacity: .95
 
 
 .hero-text 

diff --git a/themes/hugo-bulma-blocks-theme/layouts/partials/banner.html b/themes/hugo-bulma-blocks-theme/layouts/partials/banner.html
@@ -13,11 +13,19 @@
 
                 <div class="column is-8 is-flex hero-text has-text-left">
                     <div class="hero-container">
-                        {{ if .Params.LabelText }}
-                            <div class="label">
-                                {{ .Params.LabelText }}
-                            </div>
-                        {{ end }}
+                        <div class="is-flex" style="gap: 1rem;">
+                            {{ if .Params.LabelText }}
+                                <div class="label">
+                                    {{ .Params.LabelText }}
+                                </div>
+                            {{ end }}
+
+                            {{ if and .Params.Badge .Params.BadgeLink }}
+                                <a class="badge-image" href="{{ .Params.BadgeLink | absURL }}" target="_blank">
+                                    <img src="{{ .Params.Badge | absURL }}" />
+                                </a>
+                            {{ end }}
+                        </div>
                         <h1 class="title hero-title pr-3">
                             {{ .Params.Title }}
                         </h1>