diff --git a/locales/de/translation.json b/locales/de/translation.json
index 6a17444..c1a7fb7 100644
--- a/locales/de/translation.json
+++ b/locales/de/translation.json
@@ -1,35 +1,38 @@
-{
- "siteDescription": "Hallo, ich bin Kevin Kandlbinder, ein Entwickler und Hobby-Fotograf aus Norddeutschland.",
- "imprint": "Impressum",
- "datasec": "Datenschutz",
- "disclaimer": "Disclaimer",
- "projects": "Projekte",
- "project": "Projekt",
- "social": "Soziales",
- "homeHello": "Hallo, ich bin",
- "homeMe": "Ich bin",
- "homeWebDeveloper": "Web Developer",
- "homeMyLocation": "Quickborn, Schleswig-Holstein, Deutschland",
- "homeAboutMe": "Über mich",
- "homeAboutMeHello": "Hallo!",
- "homeAboutMeText": "Ich bin Kevin Kandlbinder, ein Entwickler und Hobby-Fotograf aus Norddeutschland. Ich habe schon früh in meinem Leben gelernt mit Computern umzugehen, da mein Vater mir seinen alten Windows 2000-Tower überließ, als er sich einen neuen holte. Kontakt zur Entwicklung von Webseiten hatte ich einige Jahre darauf zum ersten Mal, als ich mir ein Buch zu HTML, CSS und PHP gekauft habe. Seitdem ist Web Development für mich gleichermaßen ein Hobby und ein Job.",
- "donationCatchphrase": "Gefällt dir was du siehst? Spende doch etwas.",
- "homeImageCredit": "Portrait aufgenommen von Jannik Kiel",
- "de": "Deutsch",
- "en": "Englisch",
- "projectAboutHeader": "Über {{projectName}}",
- "projectViewGitHub": "Auf GitHub anschauen",
- "projectViewWebsite": "Projekt-Website anschauen",
- "projectsDescription": "Das ist woran ich grade arbeite oder woran ich gearbeitet habe.",
- "projectView": "Anschauen",
- "socialDescriptionWithLink": "Finde mich auf anderen Plattformen oder <1>besuche meine Freunde!",
- "socialDescription": "Finde mich auf anderen Plattformen!",
- "friends": "Freunde",
- "friendsDescription": "In dieser Liste stehen Freunde von mir und meiner Seite. Schau doch bei ihnen mal rein, wenn du mehr interessante Projekte sehen willst.",
- "donateThanksText": "Ich finde es schön, dass du meine Arbeit schön findest und das zeigst! Sende mir gerne eine E-Mail an <1>{{contactEmail}} wenn du mit mir über irgendwas reden möchtest!",
- "donateThanks": "Danke für die Spende!",
- "donateDescription": "Hey! Es sieht so aus als würdest du über eine Spende nachdenken. Das ist nett! Wenn du ein bestimmtes Projekt unterstützen willst, schreibe deine Wünsche gerne in den Spendenkommentar.",
- "donate": "Spenden",
- "featuredProjects": "Vorgestellte Projekte",
- "seeMore": "Mehr erkunden"
+{
+ "siteDescription": "Hallo, ich bin Kevin Kandlbinder, ein Entwickler und Hobby-Fotograf aus Norddeutschland.",
+ "imprint": "Impressum",
+ "datasec": "Datenschutz",
+ "disclaimer": "Disclaimer",
+ "projects": "Projekte",
+ "project": "Projekt",
+ "social": "Soziales",
+ "homeHello": "Hallo, ich bin",
+ "homeMe": "Ich bin",
+ "homeWebDeveloper": "Web Developer",
+ "homeMyLocation": "Quickborn, Schleswig-Holstein, Deutschland",
+ "homeAboutMe": "Über mich",
+ "homeAboutMeHello": "Hallo!",
+ "homeAboutMeText": "Ich bin Kevin Kandlbinder, ein Entwickler und Hobby-Fotograf aus Norddeutschland. Ich habe schon früh in meinem Leben gelernt mit Computern umzugehen, da mein Vater mir seinen alten Windows 2000-Tower überließ, als er sich einen neuen holte. Kontakt zur Entwicklung von Webseiten hatte ich einige Jahre darauf zum ersten Mal, als ich mir ein Buch zu HTML, CSS und PHP gekauft habe. Seitdem ist Web Development für mich gleichermaßen ein Hobby und ein Job.",
+ "donationCatchphrase": "Gefällt dir was du siehst? Spende doch etwas.",
+ "homeImageCredit": "Portrait aufgenommen von Jannik Kiel",
+ "de": "Deutsch",
+ "en": "Englisch",
+ "projectAboutHeader": "Über {{projectName}}",
+ "projectViewGitHub": "Auf GitHub anschauen",
+ "projectViewWebsite": "Projekt-Website anschauen",
+ "projectsDescription": "Das ist woran ich grade arbeite oder woran ich gearbeitet habe.",
+ "projectView": "Anschauen",
+ "socialDescriptionWithLink": "Finde mich auf anderen Plattformen oder <1>besuche meine Freunde!",
+ "socialDescription": "Finde mich auf anderen Plattformen!",
+ "friends": "Freunde",
+ "friendsDescription": "In dieser Liste stehen Freunde von mir und meiner Seite. Schau doch bei ihnen mal rein, wenn du mehr interessante Projekte sehen willst.",
+ "donateThanksText": "Ich finde es schön, dass du meine Arbeit schön findest und das zeigst! Sende mir gerne eine E-Mail an <1>{{contactEmail}} wenn du mit mir über irgendwas reden möchtest!",
+ "donateThanks": "Danke für die Spende!",
+ "donateDescription": "Hey! Es sieht so aus als würdest du über eine Spende nachdenken. Das ist nett! Wenn du ein bestimmtes Projekt unterstützen willst, schreibe deine Wünsche gerne in den Spendenkommentar.",
+ "donate": "Spenden",
+ "featuredProjects": "Vorgestellte Projekte",
+ "seeMore": "Mehr erkunden",
+ "donateGitHub": "Du kannst mich mit dem folgenden Button ganz einfach über GitHub Sponsors unterstützen!",
+ "donatePayPal": "Wenn du mich lieber über PayPal unterstützen willst ist hier der Button für dich:",
+ "sponsorGitHub": "Über GitHub unterstützen"
}
\ No newline at end of file
diff --git a/locales/en/translation.json b/locales/en/translation.json
index ef63de2..6431010 100644
--- a/locales/en/translation.json
+++ b/locales/en/translation.json
@@ -1,35 +1,38 @@
-{
- "siteDescription": "Hello, I am Kevin Kandlbinder, a developer and hobby photographer from northern Germany.",
- "imprint": "Imprint",
- "datasec": "Data Protection",
- "disclaimer": "Disclaimer",
- "projects": "Projects",
- "project": "Project",
- "social": "Social",
- "homeHello": "Hello, I am",
- "homeMe": "I am",
- "homeWebDeveloper": "a web developer",
- "homeMyLocation": "Quickborn, Schleswig-Holstein, Germany",
- "homeAboutMe": "About me",
- "homeAboutMeHello": "Hello!",
- "homeAboutMeText": "I am Kevin Kandlbinder, a developer and hobby photographer from northern germany. I've learned operating computers very early in my life with my father giving me his old Windows 2000 tower. Some years later I've had my first contact with web development a few years later when I bought a book about HTML, PHP, JavaScript and CSS from a sale at my local library. From this point onwards web development has been a job and a hobby equally.",
- "donationCatchphrase": "Like what you're seeing? Consider donating.",
- "homeImageCredit": "Portrait taken by Jannik Kiel",
- "de": "German",
- "en": "English",
- "projectAboutHeader": "About {{projectName}}",
- "projectViewGitHub": "View on GitHub",
- "projectViewWebsite": "View Project-Website",
- "projectsDescription": "This is what I am working on or have worked on.",
- "projectView": "View",
- "socialDescriptionWithLink": "Find me on other platforms or <1>visit my friends!",
- "socialDescription": "Find me on other platforms!",
- "friends": "Friends",
- "friendsDescription": "In this list you can find friends of mine and this site. Feel free to check them out for more interesting projects.",
- "donate": "Donate",
- "donateDescription": "Hey! It looks like you're thinking about donating to me. That's nice of you! If you want your donation to go towards a specific project, feel free to write your wishes into the donation comment.",
- "donateThanks": "Thanks for donating!",
- "donateThanksText": "I really appreciate you appreciating my work and showing it! Feel free to mail me at <1>{{contactEmail}} if you have anything you want to talk about!",
- "featuredProjects": "Featured Projects",
- "seeMore": "See more"
+{
+ "siteDescription": "Hello, I am Kevin Kandlbinder, a developer and hobby photographer from northern Germany.",
+ "imprint": "Imprint",
+ "datasec": "Data Protection",
+ "disclaimer": "Disclaimer",
+ "projects": "Projects",
+ "project": "Project",
+ "social": "Social",
+ "homeHello": "Hello, I am",
+ "homeMe": "I am",
+ "homeWebDeveloper": "a web developer",
+ "homeMyLocation": "Quickborn, Schleswig-Holstein, Germany",
+ "homeAboutMe": "About me",
+ "homeAboutMeHello": "Hello!",
+ "homeAboutMeText": "I am Kevin Kandlbinder, a developer and hobby photographer from northern germany. I've learned operating computers very early in my life with my father giving me his old Windows 2000 tower. Some years later I've had my first contact with web development a few years later when I bought a book about HTML, PHP, JavaScript and CSS from a sale at my local library. From this point onwards web development has been a job and a hobby equally.",
+ "donationCatchphrase": "Like what you're seeing? Consider donating.",
+ "homeImageCredit": "Portrait taken by Jannik Kiel",
+ "de": "German",
+ "en": "English",
+ "projectAboutHeader": "About {{projectName}}",
+ "projectViewGitHub": "View on GitHub",
+ "projectViewWebsite": "View Project-Website",
+ "projectsDescription": "This is what I am working on or have worked on.",
+ "projectView": "View",
+ "socialDescriptionWithLink": "Find me on other platforms or <1>visit my friends!",
+ "socialDescription": "Find me on other platforms!",
+ "friends": "Friends",
+ "friendsDescription": "In this list you can find friends of mine and this site. Feel free to check them out for more interesting projects.",
+ "donate": "Donate",
+ "donateDescription": "Hey! It looks like you're thinking about donating to me. That's nice of you! If you want your donation to go towards a specific project, feel free to write your wishes into the donation comment.",
+ "donateThanks": "Thanks for donating!",
+ "donateThanksText": "I really appreciate you appreciating my work and showing it! Feel free to mail me at <1>{{contactEmail}} if you have anything you want to talk about!",
+ "featuredProjects": "Featured Projects",
+ "seeMore": "See more",
+ "donateGitHub": "You can very easily support me via GitHub Sponsors using the following button!",
+ "donatePayPal": "If you'd rather support me via PayPal the following button is for you:",
+ "sponsorGitHub": "Sponsor using GitHub"
}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 72c7c35..2c680ea 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13529,6 +13529,11 @@
"parse-url": "^5.0.0"
}
},
+ "github-buttons": {
+ "version": "2.15.0",
+ "resolved": "https://registry.npmjs.org/github-buttons/-/github-buttons-2.15.0.tgz",
+ "integrity": "sha512-TqnLqrwYkYbbFmWcRa2LPyh6IRp0krnGkNrY/5LetxVnPYOHQzxmOZC25GtsHN7ay9Q5ZWY3zLWCKti+xz7w3Q=="
+ },
"github-from-package": {
"version": "0.0.0",
"resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
@@ -20104,6 +20109,14 @@
"resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
"integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
},
+ "react-github-btn": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/react-github-btn/-/react-github-btn-1.2.0.tgz",
+ "integrity": "sha512-/b2TGTeek5Ky+KtuP5BxOaXgb1FGhbwgZNI6rkwkGk7+xtCtsNMkdchOcCnC3qU1JGTWPKzYZWpPBIouVhXAoQ==",
+ "requires": {
+ "github-buttons": "^2.8.0"
+ }
+ },
"react-helmet": {
"version": "6.1.0",
"resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
diff --git a/package.json b/package.json
index f0d3129..5b1526f 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
"prop-types": "15.7.2",
"react": "17.0.2",
"react-dom": "17.0.2",
+ "react-github-btn": "^1.2.0",
"react-helmet": "6.1.0",
"react-i18next": "11.8.12"
},
diff --git a/src/pages/donate.js b/src/pages/donate.js
index ed2c710..99819fb 100644
--- a/src/pages/donate.js
+++ b/src/pages/donate.js
@@ -3,6 +3,7 @@ import Layout from "../layouts/default";
import { graphql } from "gatsby";
import { Trans, useI18next, I18nextContext } from "gatsby-plugin-react-i18next"
import PropTypes from "prop-types"
+import GitHubButton from 'react-github-btn'
import * as styles from "./donate.module.scss";
@@ -13,6 +14,7 @@ query ($language: String!) {
title
siteUrl
payPalMail
+ contactGitHub
}
}
file(relativePath: {eq: "images/pplogo.png"}) {
@@ -49,6 +51,12 @@ function DonatePage(props) {