Merge branch '421-donations' into 'master'

Resolve "Donations page" Closes #421 See merge request recommend.games/recommend-games-server!239
recommend-games · May 15, 2024 · f90593d · f90593d
2 parents 28c61eb + 5d9b859
commit f90593d
Show file tree

Hide file tree

Showing 5 changed files with 61 additions and 0 deletions.
diff --git a/app/assets/faq.json b/app/assets/faq.json
@@ -43,4 +43,7 @@
 }, {
 	"question": "I like what you're doing. How can I contribute?",
 	"answer": "Really? Why, thank you! 😳 You can help us in many ways, in order from least to most effort:<ul><li>Share the love! Tell others about <span class='recommend-games'>Recommend.Games</span> on your blog, your channel, your feed, or wherever kids these days are spending their time.</li><li>Give us feedback! Found a bug? Miss a feature? Write an <a href='mailto:[email protected]'>email</a>, post in our <a href='https://boardgamegeek.com/guild/3611' target='_blank'>BGG guild <i class='fas fa-external-link-alt'></i></a>, raise a <a href='https://gitlab.com/recommend.games/recommend-games-server/issues/new' target='_blank'>ticket <i class='fas fa-external-link-alt'></i></a>, <a href='https://botsin.space/@recommend_games' target='_blank'>toot <i class='fas fa-external-link-alt'></i></a> or <a href='https://twitter.com/recommend_games' target='_blank'>tweet <i class='fas fa-external-link-alt'></i></a> to us – your pick.</li><li>Contribute to the source code! This site is <a href='https://gitlab.com/recommend.games' target='_blank'>open source <i class='fas fa-external-link-alt'></i></a> and requires your help to grow and improve. So whether you found a typo, want to fix a bug or implement a new feature, do get involved!</li></ul>"
+}, {
+	"question": "Can I donate to you?",
+	"answer": "Yes, you can! While <span class='recommend-games'>Recommend.Games</span> is 100% open source, we do have some costs for hosting etc. If you want to help us out, check out our <a href='/#/donate'>Donate</a> page."
 }]
diff --git a/app/index.html b/app/index.html
@@ -109,6 +109,7 @@
 	<script src="/js/stats.js"></script>
 	<script src="/js/news.js"></script>
 	<script src="/js/about.js"></script>
+	<script src="/js/donate.js"></script>
 	<script src="/js/faq.js"></script>
 
 	<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png" />
@@ -218,6 +219,12 @@
 							About
 						</a>
 					</li>
+					<li class="nav-item {{ path === '/donate' ? 'active' : '' }} text-nowrap">
+						<a href="/#/donate"
+								class="nav-link">
+							Donate
+						</a>
+					</li>
 					<li class="nav-item {{ path === '/faq' ? 'active' : '' }} text-nowrap">
 						<a href="/#/faq"
 								class="nav-link">
@@ -267,6 +274,11 @@ <h2 class="alert-heading">Error loading the app</h2>
 						<i class="fas fa-info-circle"></i> About
 					</a>
 				</li>
+				<li class="nav-item">
+					<a class="nav-link" href="/#/donate">
+						<i class="fas fa-hand-holding-usd"></i> Donate
+					</a>
+				</li>
 				<li class="nav-item">
 					<a class="nav-link"
 							href="https://boardgamegeek.com/guild/3611"

diff --git a/app/js/app.js b/app/js/app.js
@@ -68,6 +68,9 @@ rgApp.config(function (
     }).when('/about', {
         templateUrl: '/partials/about.html',
         controller: 'AboutController'
+    }).when('/donate', {
+        templateUrl: '/partials/donate.html',
+        controller: 'DonateController'
     }).when('/faq', {
         templateUrl: '/partials/faq.html',
         controller: 'FaqController'

diff --git a/app/js/donate.js b/app/js/donate.js
@@ -0,0 +1,16 @@
+/*jslint browser: true, nomen: true, stupid: true, todo: true */
+/*jshint -W097 */
+/*global rgApp, _ */
+
+'use strict';
+
+rgApp.controller('DonateController', function DonateController(
+    $location,
+    gamesService
+) {
+    gamesService.setTitle('Donate to Recommend.Games');
+    gamesService.setCanonicalUrl($location.path());
+    gamesService.setImage();
+    gamesService.setDescription('Recommend.Games is a free service that helps you find the best board games for you. ' +
+        'If you enjoy using it, please consider donating to help keep the site running.');
+});
diff --git a/app/partials/donate.html b/app/partials/donate.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<article xmlns="http://www.w3.org/1999/xhtml"
+		id="rg-donate">
+	<section>
+		<h1>Donate to <span class="recommend-games">Recommend.Games</span></h1>
+		<p class="lead">
+			<span class="recommend-games">Recommend.Games</span> and the <a href="https://blog.recommend.games/">Analysis Paralysis blog</a> always have been and always will be 100% open source and free from paywalls, ads or tracking. If you find some value in what we're doing and your finances allow you to support us with server costs etc, you can do so by donating through any of the links below (Wise and PayPal allow us to keep most of your donation):
+		</p>
+		<ul>
+			<li><a href="https://wise.com/pay/me/markuss1" target="_blank">💱 Wise</a></li>
+			<li><a href="https://paypal.me/mschepke" target="_blank"><i class="fab fa-paypal"></i> PayPal</a></li>
+			<li><a href="https://patreon.com/mshepherd" target="_blank"><i class="fab fa-patreon"></i> Patreon</a></li>
+			<li><a href="https://ko-fi.com/mshepherd" target="_blank">☕ Ko-fi.com</a></li>
+			<li><a href="https://liberapay.com/mshepherd/" target="_blank">💸 Liberapay</a></li>
+			<li><a href="https://github.com/sponsors/MarkusShepherd" target="_blank"><i class="fab fa-github"></i> GitHub sponsors</a></li>
+		</ul>
+		<p>
+			If you'd rather donate to a charity of your choice, why not give some money to an organisation that promotes a more diverse, sustainable and loving world on our behalf?
+		</p>
+		<p>
+			Finally, you can always support us for free by sharing our content, giving feedback or contributing to our projects on <a href="https://gitlab.com/recommend.games/">GitLab</a>.
+		</p>
+		<p>
+			<strong>Thank you for your support!</strong> 🙏
+		</p>
+	</section>
+</article>