docs: donation page

Author: ldez

docs/assets/css/custom.css

@@ -13,6 +13,14 @@
     grid-template-columns: repeat(auto-fill, minmax(max(150px, calc((100% - 1rem * 4) / var(--hextra-cards-grid-cols))), 1fr));
 }
 
+.support-cards {
+    grid-template-columns: repeat(auto-fill, minmax(max(200px, calc((100% - 1rem * 4) / var(--hextra-cards-grid-cols))), 1fr));
+}
+
+.support-cards .hextra-card-image {
+    margin: 2rem;
+}
+
 .gl-hidden {
     display: none;
 }

docs/content/docs/_index.md

@@ -33,7 +33,7 @@ Golangci-lint is a free and open-source project built by volunteers.
 If you value it, consider supporting us, we appreciate it!
 
 <div class="hx-mt-6 hx-mb-6">
-{{< hextra/hero-button text="Donate ❤️" link="https://donate.golangci.org" >}}
+{{< hextra/hero-button text="Donate ❤️" link="/docs/donate" >}}
 </div>
 
 ## Contributors

docs/content/docs/donate/_index.md

@@ -0,0 +1,18 @@
+---
+title: Support Us
+weight: 8
+aliases:
+  - /donate/
+---
+
+Golangci-lint is a free and open-source project built by volunteers.
+
+If you value it, consider supporting us, we appreciate it! ❤️
+
+You can support us via:
+
+{{< custom-cards mainClass="support-cards" cols=7 >}}
+    {{< card link="https://github.com/sponsors/golangci" title="GitHub Sponsors" subtitle="Credit card" image="/images/github-sponsors.svg" >}}
+    {{< card link="https://opencollective.com/golangci-lint" title="Open Collective" subtitle="Credit card, PayPal, etc." image="/images/open-collective.svg" >}}
+    {{< card link="https://thanks.dev/u/gh/golangci" title="Thanks.dev" subtitle="Credit card" image="/images/thanks-dev.svg" >}}
+{{< /custom-cards >}}

docs/content/docs/product/changelog.md

@@ -13,7 +13,7 @@ Follow the news and releases on [Mastodon](https://fosstodon.org/@golangcilint)
 If you value it, consider supporting us, we appreciate it!
 
 <div class="hx-mt-6 hx-mb-6">
-{{< hextra/hero-button text="Donate ❤️" link="https://donate.golangci.org" >}}
+{{< hextra/hero-button text="Donate ❤️" link="/docs/donate" >}}
 </div>
 
 {{% embed file=".tmp/raw_changelog.tmp" %}}

docs/data/icons.yaml

@@ -0,0 +1 @@
+heart-red: <svg xmlns="http://www.w3.org/2000/svg" color="red" fill="red" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg>

docs/hugo.yaml

@@ -42,12 +42,11 @@ menu:
       pageRef: /docs
       weight: 1
     - identifier: donate
-      name: "Donate"
-      url: "https://donate.golangci.org"
+      name: "Support us"
+      pageRef: /docs/donate/
       weight: 2
       params:
-        icon: heart
-        color: green
+        icon: "heart-red"
     - identifier: linters
       name: Linters
       pageRef: /docs/linters/
@@ -65,10 +64,6 @@ menu:
       params:
         icon: github
   sidebar:
-    - identifier: donate
-      name: "Support Us"
-      url: "https://donate.golangci.org"
-      weight: 1
     - identifier: more
       name: More
       params: