From b7bc9625b86b5ea5f73614da31a0605068293752 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 1 Dec 2023 16:11:56 +0100
Subject: [PATCH] dodatkowe opcje darowizny

---
 public/images/icon-buycoffee.svg   |  56 ++++++++++++++++
 public/images/icon-coffee.png      | Bin 0 -> 9068 bytes
 src/components/Global/Donation.vue |  99 +++++++++++++++++------------
 src/locales/en.json                |   3 +-
 src/locales/pl.json                |   3 +-
 src/styles/global.scss             |  59 ++++++++---------
 6 files changed, 148 insertions(+), 72 deletions(-)
 create mode 100644 public/images/icon-buycoffee.svg
 create mode 100644 public/images/icon-coffee.png

diff --git a/public/images/icon-buycoffee.svg b/public/images/icon-buycoffee.svg
new file mode 100644
index 0000000..e37f21d
--- /dev/null
+++ b/public/images/icon-buycoffee.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 159 38.8" style="enable-background:new 0 0 159 38.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#00A962;}
+	.st1{enable-background:new    ;}
+	.st2{fill:#FFFFFF;}
+	.st3{fill:#1E3A33;}
+	.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M139.6,38.7H19.4C8.7,38.7,0,30.1,0,19.3l0,0C0,8.6,8.7-0.1,19.4-0.1h120.2c10.7,0,19.4,8.7,19.4,19.4l0,0
+	C159,30.1,150.3,38.7,139.6,38.7z"/>
+<g class="st1">
+	<path class="st2" d="M48.9,23.7c0,0.5-0.4,0.9-0.9,0.9c-0.5,0-0.9-0.4-0.9-0.9v-9.9c0-0.6,0.4-1,1-1h3.7c2.5,0,3.6,1.9,3.6,3.7
+		s-1,3.7-3.6,3.7h-2.9V23.7z M48.9,14.5v4.1h2.8c1.3,0,1.9-1,1.9-2c0-1-0.5-2.1-1.8-2.1H48.9z"/>
+	<path class="st2" d="M56.3,20.5c0-2.5,1.9-4.1,4.1-4.1c2.3,0,4.2,1.6,4.2,4.1c0,2.5-1.9,4.2-4.2,4.2C58.2,24.7,56.3,23,56.3,20.5z
+		 M62.9,20.5c0-1.5-1.1-2.4-2.4-2.4c-1.3,0-2.4,1-2.4,2.4c0,1.5,1.1,2.5,2.4,2.5C61.8,23,62.9,22,62.9,20.5z"/>
+	<path class="st2" d="M66.6,21.9c0.4-0.2,0.7,0.1,0.9,0.3c0.3,0.6,0.9,1,1.7,1c0.8,0,1.4-0.4,1.4-1c0-0.5-0.5-0.7-1.1-0.9l-1.1-0.3
+		c-1.7-0.5-2.3-1.4-2.2-2.7c0.1-1.2,1.4-2.1,2.8-2.1c1.1,0,2,0.3,2.5,1.2c0.2,0.4,0.1,0.8-0.2,1c-0.3,0.2-0.6,0.2-1-0.1
+		c-0.4-0.4-1-0.5-1.4-0.5c-0.4,0-0.9,0.2-1.1,0.4c-0.1,0.2-0.2,0.4-0.1,0.7c0.1,0.3,0.6,0.5,1,0.6l1.2,0.3c1.7,0.4,2.1,1.5,2.1,2.3
+		c0,1.5-1.3,2.4-3.2,2.4c-1.2,0-2.5-0.6-2.9-1.8C66,22.5,66.2,22.1,66.6,21.9z"/>
+	<path class="st2" d="M74.6,18h-0.8c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h0.8v-2.2c0-0.5,0.4-0.9,0.9-0.9
+		c0.5,0,0.9,0.4,0.9,0.9v2.2h1c0.4,0,0.7,0.3,0.7,0.7c0,0.4-0.3,0.7-0.7,0.7h-1v5.7c0,0.5-0.4,0.9-0.9,0.9c-0.5,0-0.9-0.4-0.9-0.9
+		V18z"/>
+	<path class="st2" d="M85.7,23.4c-0.5,0.9-1.7,1.3-2.7,1.3c-2.1,0-4-1.6-4-4.1c0-2.5,1.9-4.1,4-4.1c1,0,2.1,0.4,2.7,1.3v-0.3
+		c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9v6.3c0,0.5-0.4,0.9-0.9,0.9c-0.5,0-0.9-0.4-0.9-0.9V23.4z M83.2,23
+		c1.3,0,2.4-0.9,2.4-2.5c0-1.6-1.3-2.4-2.4-2.4c-1.3,0-2.4,1-2.4,2.4C80.8,22,81.9,23,83.2,23z"/>
+	<path class="st2" d="M95.1,16.6c0.5,0,0.9,0.3,1,0.8l1.6,4.6l1.7-4.8c0.2-0.5,0.6-0.7,1.1-0.6c0.5,0.1,0.7,0.6,0.6,1.1l-2.4,6.3
+		c-0.2,0.5-0.5,0.7-0.9,0.7h-0.1c-0.4,0-0.7-0.2-0.9-0.7L95.1,19l-1.7,4.9c-0.2,0.5-0.5,0.7-0.9,0.7h-0.1c-0.4,0-0.7-0.2-0.9-0.7
+		l-2.4-6.3c-0.2-0.4,0.1-1,0.6-1.1c0.5-0.1,0.9,0.1,1.1,0.6l1.7,4.8l1.6-4.6C94.2,16.8,94.6,16.6,95.1,16.6L95.1,16.6z"/>
+	<path class="st2" d="M112.9,23.2c0.3,0.3,0.3,0.9,0,1.2c-0.4,0.3-0.9,0.3-1.2,0l-3.2-3.5v2.9c0,0.5-0.4,0.9-0.9,0.9
+		c-0.5,0-0.8-0.4-0.8-0.9V13.1c0-0.5,0.4-0.9,0.8-0.9c0.5,0,0.9,0.4,0.9,0.9v6.1l2.4-2.4c0.3-0.3,0.9-0.3,1.2,0
+		c0.3,0.4,0.3,0.9,0,1.2l-2,2.1L112.9,23.2z"/>
+	<path class="st2" d="M120.8,23.4c-0.5,0.9-1.7,1.3-2.7,1.3c-2.1,0-4-1.6-4-4.1c0-2.5,1.9-4.1,4-4.1c1,0,2.1,0.4,2.7,1.3v-0.3
+		c0-0.5,0.4-0.9,0.8-0.9c0.5,0,0.9,0.4,0.9,0.9v6.3c0,0.5-0.4,0.9-0.9,0.9c-0.5,0-0.8-0.4-0.8-0.9V23.4z M118.4,23
+		c1.3,0,2.4-0.9,2.4-2.5c0-1.6-1.3-2.4-2.4-2.4c-1.3,0-2.4,1-2.4,2.4C115.9,22,117,23,118.4,23z"/>
+	<path class="st2" d="M130.3,16.6c0.5,0,0.9,0.3,1,0.8l1.6,4.6l1.7-4.8c0.2-0.5,0.6-0.7,1.1-0.6c0.5,0.1,0.7,0.6,0.6,1.1l-2.4,6.3
+		c-0.2,0.5-0.5,0.7-0.9,0.7h-0.1c-0.4,0-0.7-0.2-0.9-0.7l-1.7-4.9l-1.7,4.9c-0.2,0.5-0.5,0.7-0.9,0.7h-0.1c-0.4,0-0.7-0.2-0.9-0.7
+		l-2.4-6.3c-0.2-0.4,0.1-1,0.6-1.1c0.5-0.1,0.9,0.1,1.1,0.6l1.7,4.8l1.6-4.6C129.3,16.8,129.7,16.6,130.3,16.6L130.3,16.6z"/>
+	<path class="st2" d="M143.6,26.1c0,0.2,0.2,0.5,0.6,0.5c0.1,0,0.4,0,0.5-0.4c0.1-0.4,0.3-0.5,0.7-0.5c0.4,0.1,0.6,0.4,0.5,0.8
+		c-0.2,0.8-0.9,1.4-1.7,1.4c-1.3,0-1.9-0.8-1.9-1.7c0-0.2,0.1-0.6,0.2-0.8l0.5-1c-0.5,0.2-1,0.3-1.6,0.3c-2.3,0-4.1-1.6-4.1-4.2
+		c0-2.5,1.8-4.1,4.1-4.1c2.2,0,3.9,1.5,4,4c0,0.5-0.4,0.8-0.8,0.8h-5.5c0.2,1.2,1.2,2,2.4,2c0.8,0,1.3-0.3,1.9-0.8
+		c0.3-0.2,0.8-0.4,1.1-0.1c0.3,0.3,0.2,0.7,0,1.1C143.5,25.9,143.6,26.1,143.6,26.1z M143.7,19.9c-0.2-1.2-1.1-2-2.3-2
+		c-1.2,0-2.2,0.7-2.3,2H143.7z"/>
+</g>
+<g>
+	<path class="st3" d="M21.6,26.7c-4.9,0-7.4-2.6-8.5-4.9c-1.2-2.4-1.4-5-1.4-6c0-2.2,1.8-3.8,4.3-3.8h7c0.7,0,1.3,0.6,1.3,1.3
+		c0,0.7-0.6,1.3-1.3,1.3h-7c-0.5,0-1,0.1-1.3,0.4c-0.3,0.2-0.4,0.4-0.4,0.8c0,1.9,0.5,8.3,7.3,8.3c5.8,0,7.3-4.6,7.9-8.1
+		c0-0.2,0-0.3,0.1-0.4c0.2-0.9,0.4-1.7,0.8-2.3C31,12.4,31.9,12,33,12c0.5,0,0.9,0.2,1.2,0.5c0.5,0.4,0.9,1.3,1.2,4.1
+		c0.1,1.4,0.1,2.6,0.1,2.7c0,0.7-0.6,1.3-1.3,1.3l0,0c-0.7,0-1.3-0.6-1.3-1.3c0,0,0-1.1-0.1-2.3c-0.1-1-0.2-1.7-0.3-2.1
+		c-0.1,0.3-0.2,0.9-0.3,1.1c0,0.1,0,0.2-0.1,0.4c-0.2,1.2-0.7,3.7-2.1,5.9c-0.8,1.3-1.9,2.3-3.2,3.1C25.4,26.3,23.6,26.7,21.6,26.7z
+		"/>
+	<ellipse class="st4" cx="26.7" cy="13.3" rx="1.3" ry="1.3"/>
+</g>
+</svg>
diff --git a/public/images/icon-coffee.png b/public/images/icon-coffee.png
new file mode 100644
index 0000000000000000000000000000000000000000..da0a35a53edd168cc72681d1acc95cae1b95fdf9
GIT binary patch
literal 9068
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

literal 0
HcmV?d00001

diff --git a/src/components/Global/Donation.vue b/src/components/Global/Donation.vue
index 90d3317..14e4b09 100644
--- a/src/components/Global/Donation.vue
+++ b/src/components/Global/Donation.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="donation-modal" @keydown.esc="toggleModal(false)">
     <button
-      class="modal_button action btn--image"
+      class="btn-toggle btn--image"
       ref="btn"
       @click="toggleModal(true)"
       @focus="toggleModal(false)"
@@ -28,7 +28,7 @@
               <b>{{ $t('donations.p2-b3') }}</b>
             </template>
             <template v-slot:link>
-              <a href="https://discord.gg/x2mpNN3svk" target="_blank">
+              <a class="discord" href="https://discord.gg/x2mpNN3svk" target="_blank">
                 {{ $t('donations.p2-a1') }}
               </a>
             </template>
@@ -58,19 +58,28 @@
         </div>
 
         <div class="modal_actions">
-          <button class="modal_button exit btn--image" @click="toggleModal(false)">
+          <a
+            class="modal-action a-button btn--image coffee"
+            href="https://buycoffee.to/spythere"
+            target="_blank"
+          >
+            <img src="/images/icon-coffee.png" width="20" alt="buycoffee.to donation" />
+            {{ $t('donations.action-buycoffee') }}
+          </a>
+
+          <a
+            class="modal-action a-button btn--image paypal"
+            href="https://www.paypal.com/donate/?hosted_button_id=EDB3SKFAHXFTW"
+            target="_blank"
+          >
+            <img src="/images/icon-dollar.svg" alt="paypal donation" />
+            {{ $t('donations.action-paypal') }}
+          </a>
+
+          <button class="modal-action btn--image exit" @click="toggleModal(false)">
             <img src="/images/icon-exit.svg" alt="dollar donation icon" />
             {{ $t('donations.action-exit') }}
           </button>
-
-          <form action="https://www.paypal.com/donate" method="post">
-            <input type="hidden" name="hosted_button_id" value="EDB3SKFAHXFTW" />
-
-            <button class="modal_button action btn--image" @click="toggleModal(false)">
-              <img src="/images/icon-dollar.svg" alt="dollar donation icon" />
-              {{ $t('donations.action-confirm') }}
-            </button>
-          </form>
         </div>
       </div>
     </AnimatedModal>
@@ -99,25 +108,13 @@ export default defineComponent({
 <style lang="scss" scoped>
 @import '../../styles/responsive.scss';
 
-.modal_button {
-  &.action {
-    $btnColor: #254069;
+button.btn-toggle {
+  $btnColor: #254069;
 
-    background-color: $btnColor;
+  background-color: $btnColor;
 
-    &:hover {
-      background-color: lighten($btnColor, 10%);
-    }
-  }
-
-  &.exit {
-    $btnColor: crimson;
-
-    background-color: $btnColor;
-
-    &:hover {
-      background-color: lighten($btnColor, 10%);
-    }
+  &:hover {
+    background-color: lighten($btnColor, 5%);
   }
 
   @include smallScreen {
@@ -127,16 +124,6 @@ export default defineComponent({
   }
 }
 
-.modal-logo {
-  position: absolute;
-  top: 0;
-  left: 50%;
-
-  width: 6em;
-
-  transform: translate(-50%, -50%);
-}
-
 .modal_content {
   display: grid;
   grid-template-rows: 1fr auto;
@@ -157,7 +144,7 @@ export default defineComponent({
     text-align: justify;
   }
 
-  a {
+  a.discord {
     text-decoration: underline;
   }
 }
@@ -174,11 +161,41 @@ export default defineComponent({
 
 .modal_actions {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(13em, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 0.5em;
 
   form button {
     width: 100%;
   }
 }
+
+.modal_actions > .modal-action {
+  &.paypal {
+    $btnColor: #254069;
+
+    background-color: $btnColor;
+
+    &:hover {
+      background-color: lighten($btnColor, 5%);
+    }
+  }
+
+  &.coffee {
+    $btnColor: #009255;
+    background-color: $btnColor;
+
+    &:hover {
+      background-color: lighten($btnColor, 5%);
+    }
+  }
+
+  &.exit {
+    $btnColor: #686868;
+    background-color: $btnColor;
+
+    &:hover {
+      background-color: lighten($btnColor, 5%);
+    }
+  }
+}
 </style>
diff --git a/src/locales/en.json b/src/locales/en.json
index 68cfa93..d14a274 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -14,7 +14,8 @@
     "p4-b2": "a symbolic highlight",
     "p5": "Thank you and enjoy the app!<br />~ Spythere",
     "action-exit": "Maybe next time...",
-    "action-confirm": "DONATE!",
+    "action-paypal": "DONATE WITH PAYPAL",
+    "action-buycoffee": "BUY ME A COFFEE!",
     "dispatcher-message": "Dispatcher supporting the Stacjownik project!",
     "driver-message": "Driver supporting the Stacjownik project!"
   },
diff --git a/src/locales/pl.json b/src/locales/pl.json
index c47c453..89cf4d6 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -14,7 +14,8 @@
     "p4-b2": "wyróżnienie",
     "p5": "Dzięki i miłego korzystania z aplikacji! <br />~ Spythere",
     "action-exit": "Może kiedy indziej...",
-    "action-confirm": "WSPOMÓŻ!",
+    "action-paypal": "PRZELEJ PAYPALEM",
+    "action-buycoffee": "POSTAW KAWĘ!",
     "dispatcher-message": "Dyżurny wspierający projekt Stacjownika!",
     "driver-message": "Maszynista wspierający projekt Stacjownika!"
   },
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 18c5215..f749bf9 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -164,7 +164,8 @@ ul {
   }
 }
 
-button {
+button,
+a.a-button {
   cursor: pointer;
   color: white;
   background: none;
@@ -184,44 +185,44 @@ button {
     pointer-events: none;
     opacity: 0.85;
   }
-}
 
-button.btn--filled {
-  background-color: #1a1a1a;
+  &.btn--filled {
+    background-color: #1a1a1a;
 
-  &:hover {
-    background-color: #2a2a2a;
+    &:hover {
+      background-color: #2a2a2a;
+    }
   }
-}
 
-button.btn--action {
-  background-color: #424242;
-  border-radius: 0.25em;
+  &.btn--action {
+    background-color: #424242;
+    border-radius: 0.25em;
 
-  &:hover {
-    background-color: #555;
+    &:hover {
+      background-color: #555;
+    }
   }
-}
 
-button.btn--option {
-  color: white;
-  background-color: #333;
+  &.btn--option {
+    color: white;
+    background-color: #333;
 
-  &.checked {
-    color: var(--clr-primary);
+    &.checked {
+      color: var(--clr-primary);
+      font-weight: bold;
+
+      background-color: #3c3c3c;
+    }
+  }
+
+  &.btn--image {
     font-weight: bold;
+    padding: 0.35em 0.75em;
 
-    background-color: #3c3c3c;
-  }
-}
-
-button.btn--image {
-  font-weight: bold;
-  padding: 0.35em 0.75em;
-
-  img {
-    width: 1.5em;
-    vertical-align: middle;
+    img {
+      width: 1.5em;
+      vertical-align: middle;
+    }
   }
 }