Removed 'become a patron' text. Added donation link.

openproxyspace · Jan 18, 2019 · 71bea82 · 71bea82
1 parent be336fd
commit 71bea82
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 13 deletions.
diff --git a/public/styles/Footer.postcss b/public/styles/Footer.postcss
@@ -106,23 +106,41 @@
                     transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
                 }
 
+                &:hover svg {
+                    & circle {
+                        fill: #f96854;
+                    }
+
+                    & rect {
+                        fill: #052d49;
+                    }
+                }
+            }
+
+            &.donate {
+                width: 1.2em;
+                height: 1.2em;
+
                 &:hover {
-                    & span:nth-child(1) {
-                        color: #052d49;
+                    & path:nth-child(1) {
+                        fill: #ff3f2e;
                     }
 
-                    & span:nth-child(2) {
-                        color: #f96854;
+                    & path:nth-child(2) {
+                        fill: #f2d1a5;
                     }
 
-                    & svg {
-                        & circle {
-                            fill: #f96854;
-                        }
+                    & path:nth-child(3) {
+                        fill: #1ea1e3;
+                    }
+
+                    & path:nth-child(4),
+                    & path:nth-child(5) {
+                        fill: #f2bb88;
+                    }
 
-                        & rect {
-                            fill: #052d49;
-                        }
+                    & path:nth-child(6) {
+                        fill: #cf0404;
                     }
                 }
             }

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -25,9 +25,17 @@ const Footer = () => (
             <span className="version">{currentVersion}</span>
         </div>
         <div className="socials">
+            <a title="Donate" href="https://openproxy.space/donate" className="donate" onClick={openLink}>
+                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 512 512">
+                    <path d="M214.582,251.558c12.28,10.365,24.979,21.083,38.473,32.778c2.819,2.443,6.321,3.665,9.824,3.665  c3.502,0,7.005-1.222,9.824-3.665c13.492-11.693,26.189-22.41,38.469-32.773c21.342-18.014,39.773-33.57,55.767-48.66  c31.053-29.298,59.787-62.553,59.787-107.114c0-25.329-8.695-49.05-24.483-66.794C385.606,10.297,362.543,0,337.303,0  c-28.172,0-52.593,13.321-70.622,38.522c-1.352,1.889-2.617,3.779-3.802,5.649c-1.184-1.871-2.449-3.76-3.801-5.649  C241.049,13.321,216.628,0,188.456,0c-25.24,0-48.303,10.297-64.939,28.994c-15.788,17.744-24.483,41.465-24.483,66.794  c0,27.525,10.681,52.924,33.611,79.934C152.653,199.287,181.352,223.51,214.582,251.558z" />
+                    <path d="M503.034,373.999l-72.001,96c-19.799,26.4-51,42.001-84,42.001h-133.8  c-46.8,0-92.699-9.6-135.899-27.9l-3.3-92.401c20.099-96.301,119.7-120.3,177.299-69.6c6.301,5.099,13.5,8.401,20.7,9.3  c2.1,0.601,3.9,0.601,5.7,0.601h54.3c5.4,0,10.499,1.5,15,4.2c8.699,4.799,14.7,14.399,15,25.499v0.3c0,11.1-6,20.7-15,25.8  c-4.501,2.701-9.6,4.2-15,4.2h-91.5c-8.401,0-15,6.599-15,15c0,8.399,6.599,15,15,15h116.4c15,0,25.8-6.301,35.099-16.8l68.101-78.6  c10.8-11.7,29.399-12.601,40.499-3.001c2.701,2.1,5.099,4.501,6.899,7.5C514.434,341.3,513.533,360.2,503.034,373.999z" />
+                    <path d="M122.034,347c0-24.814-20.186-45-45-45h-62c-8.291,0-15,6.709-15,15v180c0,8.291,6.709,15,15,15h62  c24.814,0,45-20.186,45-45V347z" />
+                    <path d="M262.879,392h69.154c5.4,0,10.499-1.5,15-4.2c9-5.099,15-14.7,15-25.8v-0.3   c-0.3-11.1-6.301-20.7-15-25.499c-4.501-2.701-9.6-4.2-15-4.2h-54.3c-1.8,0-3.6,0-5.7-0.601c-3.076-0.384-6.148-1.231-9.154-2.446   V392z" />
+                    <path d="M431.033,469.999l72.001-96c10.499-13.799,11.4-32.699,4.499-42.9c-1.8-2.999-4.198-5.4-6.899-7.5   c-11.1-9.6-29.7-8.699-40.499,3.001l-68.101,78.6c-9.3,10.499-20.1,16.8-35.1,16.8h-94.055v90h84.154   C380.033,512,411.234,496.399,431.033,469.999z" />
+                    <path d="M272.703,284.335c13.492-11.693,26.189-22.41,38.469-32.773c21.342-18.014,39.773-33.57,55.767-48.66  c31.053-29.298,59.787-62.553,59.787-107.114c0-25.329-8.695-49.05-24.483-66.794C385.606,10.297,362.543,0,337.303,0  c-28.172,0-52.593,13.321-70.622,38.522c-1.352,1.889-2.617,3.779-3.802,5.649V288C266.381,288,269.884,286.778,272.703,284.335z" />
+                </svg>
+            </a>
             <a title="Become a Patron" href="https://www.patreon.com/openproxyspace" className="become-a-patron" onClick={openLink}>
-                <span>Become a</span>
-                <span>Patron</span>
                 <svg viewBox="0 0 569 546" version="1.1" xmlns="http://www.w3.org/2000/svg" className="patreon-svg">
                     <circle data-color="1" id="Oval" cx="362.589996" cy="204.589996" r="204.589996" />
                     <rect data-color="2" id="Rectangle" x="0" y="0" width="100" height="545.799988" />