From 9ea304010abaa23d10f9628ebcdfabdba4b07415 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Lidwin?= <lidwinpawel@gmail.com>
Date: Fri, 26 Jan 2024 19:56:06 +0100
Subject: [PATCH] [DONATE] Add GOG partner link

---
 pages/donate.tsx  | 36 ++++++++++++++++++++++++------------
 styles/heroic.css |  6 ++++++
 2 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/pages/donate.tsx b/pages/donate.tsx
index e66da0f..7e6c0d5 100644
--- a/pages/donate.tsx
+++ b/pages/donate.tsx
@@ -21,18 +21,6 @@ const Donate: NextPage = () => {
           <hr className="spacer" />
 
           <div className="grid">
-            <article className="secondary">
-              <h4>GitHub Sponsor</h4>
-              <small>One-time or flexible-sub</small>
-              <p>
-                Support us with a one-time or recurring donation through GitHub.
-              </p>
-              <footer>
-                <a href="https://github.com/sponsors/Heroic-Games-Launcher">
-                  <strong>Go to GitHub</strong>
-                </a>
-              </footer>
-            </article>
             <article>
               <h4>Patreon</h4>
               <small>Monthly-sub</small>
@@ -59,6 +47,30 @@ const Donate: NextPage = () => {
                 </a>
               </footer>
             </article>
+            <article>
+              <h4>GOG.com</h4>
+              <small>One-time</small>
+              <p>
+                Use our link when making purchases on GOG and support the project. Cool right?
+              </p>
+              <footer>
+                <a href="https://af.gog.com?as=1838482841">
+                  <strong>Go to GOG</strong>
+                </a>
+              </footer>
+            </article>
+            <article>
+              <h4>GitHub Sponsor</h4>
+              <small>One-time or flexible-sub</small>
+              <p>
+                Support us with a one-time or recurring donation through GitHub.
+              </p>
+              <footer>
+                <a href="https://github.com/sponsors/Heroic-Games-Launcher">
+                  <strong>Go to GitHub</strong>
+                </a>
+              </footer>
+            </article>
           </div>
         </div>
       </header>
diff --git a/styles/heroic.css b/styles/heroic.css
index 583f48a..99572ac 100644
--- a/styles/heroic.css
+++ b/styles/heroic.css
@@ -181,3 +181,9 @@ a {
     background-color: var(--card-border-color);
   }
 }
+
+@media screen and (min-width: 992px) {
+  .grid {
+    grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
+  }
+}