remove opencollective

sneljo1 · Mar 16, 2019 · 6dbea97 · 6dbea97
1 parent 41cf3c5
commit 6dbea97
Show file tree

Hide file tree

Showing 9 changed files with 74 additions and 26 deletions.
diff --git a/.github/ISSUE_TEMPLATE/Bug_Report.md b/.github/ISSUE_TEMPLATE/Bug_Report.md
@@ -27,5 +27,5 @@ Search open/closed issues before submitting since someone might have asked the s
 
 
 
-<!-- Love Auryo? Please consider supporting our collective:
-👉  https://opencollective.com/auryo/donate -->
+<!-- Love Auryo? Please consider supporting us:
+👉  https://www.patreon.com/sneljo -->
diff --git a/.github/ISSUE_TEMPLATE/Feature_Request.md b/.github/ISSUE_TEMPLATE/Feature_Request.md
@@ -24,5 +24,5 @@ If you have a technical background, feel free to create and work on this issue y
 
 
 
-<!-- Love Auryo? Please consider supporting our collective:
-👉  https://opencollective.com/auryo/donate -->
+<!-- Love Auryo? Please consider supporting us:
+👉  https://www.patreon.com/sneljo -->
diff --git a/.github/ISSUE_TEMPLATE/Question.md b/.github/ISSUE_TEMPLATE/Question.md
@@ -13,5 +13,5 @@ Search open/closed issues before submitting since someone might have asked the s
 <!--- Go nuts. But not too much. -->
 
 
-<!-- Love Auryo? Please consider supporting our collective:
-👉  https://opencollective.com/auryo/donate -->
+<!-- Love Auryo? Please consider supporting us:
+👉  https://www.patreon.com/sneljo -->
diff --git a/README.md b/README.md
@@ -25,17 +25,7 @@ Please read [CONTRIBUTING.md](.github/CONTRIBUTING.md) for details on our code o
 
 ## Support 💪 
 
-Auryo is a open source project. It can grow thanks to the sponsors and support by the amazing backers. If you like to contribute, please visit 👉[our collective](https://opencollective.com/auryo).
-
-## Sponsors 🏆🏆
-
-Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor](https://opencollective.com/auryo)
-
-## Backers 🙏
-You can help us grow! [Become a backer](https://opencollective.com/auryo)
-
-<a href="https://opencollective.com/auryo"><img src="https://opencollective.com/auryo/backers.svg?width=890"></a>
-
+Auryo is a open source project. It can grow thanks to the sponsors and support by the amazing backers. If you like to donate, please visit 👉[our patreon page](https://www.patreon.com/sneljo).
 
 ## Author
 This application has been built by [Jonas Snellinckx](https://www.linkedin.com/in/jonas-snellinckx). It started out as a learning journey back in college-university Oct 2016, to start learning React, Redux and Electron. Since the first release in August 2017, the journey was incredibly educational. Over the next few months, Auryo has matured from a learning side-project into an escalated one. In a good sense.
@@ -44,6 +34,7 @@ As of release 2.0.0, Auryo also has been open-sourced. See the list of [contribu
 
 ### Tip Jar
 Show me some love, buy me a ☕️.
+- Paypal: [paypal.me](https://www.paypal.me/Superjo149)
 - Ethereum: 0x6a9F12D2084CD54587BC3BBfFf52C5931d10fB38
 - Stellar: GCHNLOV4GV54LIUEULLCSGSITFO2OY2B44IF2EUL36OA3ZRLNVADPWBE
 - Bitcoin: 17E7wxp6J6Gj4mvaZ58D3ESFe22Ezp5adz

diff --git a/src/main/features/core/applicationMenu.ts b/src/main/features/core/applicationMenu.ts
@@ -166,11 +166,11 @@ export default class ApplicationMenu extends Feature {
           },
           {
             label: 'Donate',
-            click: () => shell.openExternal('https://opencollective.com/auryo')
+            click: () => shell.openExternal('https://www.patreon.com/sneljo')
           },
           {
             label: 'Learn More',
-            click: () => shell.openExternal('http://auryo.com')
+            click: () => shell.openExternal('https://auryo.com')
           }
         ]
       }

diff --git a/src/renderer/app/components/Header/Header.tsx b/src/renderer/app/components/Header/Header.tsx
@@ -238,7 +238,7 @@ class Header extends React.Component<AllProps, State> {
                                             <MenuItem text='Contribute' href='https://github.com/Superjo149/auryo/' />
                                             <MenuItem text='Report an issue' href='https://github.com/Superjo149/auryo/issues' />
                                             <MenuItem text='Suggest a feature' href='https://github.com/Superjo149/auryo/issues' />
-                                            <MenuItem text='Donate' href='https://opencollective.com/auryo' />
+                                            <MenuItem text='Donate' href='https://www.patreon.com/sneljo' />
 
                                             <MenuDivider />
 

diff --git a/src/renderer/pages/onboarding/components/LoginStep.tsx b/src/renderer/pages/onboarding/components/LoginStep.tsx
@@ -20,7 +20,7 @@ const LoginStep = React.memo<Props>(({ error, login, show, loading }) => (
         <div className='sub-title animated fadeInLeft faster second'>
             A SoundCloud client for your desktop. This project is open-source, so consider{' '}
             <a href='https://github.com/Superjo149/auryo'>contributing</a> or becoming{' '}
-            <a href='https://opencollective.com/auryo'>a financial backer</a>. But most of all, enjoy the music. 🎉
+            <a href='https://www.patreon.com/sneljo'>a financial backer</a>. But most of all, enjoy the music. 🎉
                             </div>
 
         <div className='login_section animated fadeInLeft faster third'>

diff --git a/src/renderer/pages/settings/Settings.scss b/src/renderer/pages/settings/Settings.scss
@@ -3,10 +3,51 @@
   padding: 0 2.5rem;
 }
 
+.donationBox {
+  background: hsl(204, 89%, 93%);
+  padding: 1rem 2rem;
+  border-radius: 8px;
+  margin-bottom: 1rem;
+  display: flex;
+  color: hsl(204, 47%, 34%);
+  font-size: .9rem;
+  align-items: center;
+  line-height: 1.7;
+  .iconWrapper {
+    background: hsl(204, 82%, 82%);
+    flex-shrink: 0;
+    padding: 10px;
+    border-radius: 100%;
+    height: 45px;
+    width: 45px;
+    font-size: 1.1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: $red;
+    margin-right: 2rem;
+  }
+  a {
+    color: hsl(204, 61%, 35%);
+    text-decoration: none;
+    background-color: transparent;
+    text-decoration: wavy;
+    text-decoration: underline;
+    text-decoration-color: rgba(#92d2fb, .8);
+    text-decoration-style: wavy;
+    font-weight: bold;
+    margin-left: .3rem;
+    &:hover {
+      color: hsl(204, 61%, 30%);
+      text-decoration-color: rgba(#92d2fb, 1);
+    }
+  }
+}
+
 .setting-group {
   margin: 0 0 1rem;
   font-size: .85rem;
-  &:not(:last-of-type){
+  &:not(:last-of-type) {
     margin-bottom: 2rem;
   }
   .setting-group-title {
@@ -35,10 +76,9 @@
     i {
       vertical-align: middle;
     }
-    .bp3-switch{
-      flex-grow:1;
+    .bp3-switch {
+      flex-grow: 1;
     }
-
     .value {
       color: $brand-grey;
     }

diff --git a/src/renderer/pages/settings/Settings.tsx b/src/renderer/pages/settings/Settings.tsx
@@ -86,8 +86,25 @@ class Settings extends React.PureComponent<AllProps, State> {
                     title='Settings'
                 />
 
-
                 <div className='settingsWrapper'>
+
+                    <div className='donationBox'>
+                        <div className='iconWrapper'>
+                            <i className='bx bxs-heart' />
+                        </div>
+                        <div>
+                            <strong>Are you enjoying this app as much as I am? Or even more?</strong>
+                            <div>
+                                I would love to spend more time on this, and other open-source projects.
+                                I do not earn anything off this project, so I would highly appreciate any
+                                financial contribution towards this goal.
+                                <a href='https://www.patreon.com/sneljo'>
+                                    Contribute now
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+
                     {this.renderSettings()}
                 </div>
             </CustomScroll>