Merge pull request #32 from Xpirix/add_dpg_badge

Add dpg badge

Author: Xpirix

README.md

@@ -1,5 +1,7 @@
 # QGIS Certification 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/)
+
 [![image](https://github.com/user-attachments/assets/88e08b1f-2dd1-4311-9ebf-9b3ef91b64dc)](https://certification.qgis.org)
 
 

django_project/base/static/images/badges/dpg-badge.png

@@ -194,6 +194,25 @@ $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
+  .kartoza-credits
+    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 

django_project/base/static/style/scss/bulma/layout/hero.sass

@@ -6,7 +6,12 @@
         <div class="columns container">
             <div class="column is-8 is-flex hero-text has-text-left">
                 <div class="hero-container">
-                    <div class="label">Free and Open Source</div>
+                    <div class="is-flex" style="gap: 1rem;">
+                        <div class="label">Free and Open Source</div>
+                        <a class="badge-image" href="https://blog.qgis.org/2025/02/08/qgis-recognized-as-digital-public-good/" target="_blank">
+                            <img src="{% static "images/badges/dpg-badge.png" %}">
+                        </a>
+                    </div>
                     <h1 class="title hero-title pr-3">
                         QGIS Certification
                     </h1>