added donation badges #46

Manually merged
samuel-p merged 1 commit from develop into main 2021-02-07 16:52:44 +00:00
4 changed files with 27 additions and 1 deletions
Showing only changes of commit 3f4b9a49fe - Show all commits

10
src/_data/donations.json Normal file
View file

@ -0,0 +1,10 @@
{
"banktransfer": {
"number": 2,
"color": "success"
},
"cash": {
"number": 0,
"color": "inactive"
}
}

View file

@ -33,7 +33,7 @@ title: sp-codes
<meta name="twitter:image" content="https://sp-codes.de/img/sp-codes.jpg">
<link rel="shortcut icon" href="img/samuel.png">
<link rel="stylesheet" href="/css/main.css">
<script async defer data-domain="sp-codes.de" src="https://plausible.sp-codes.de/js/plausible.js"></script>
<script async defer data-domain="sp-codes.de" src="https://plausible.sp-codes.de/js/plausible.outbound-links.js"></script>
</head>
<body>
<nav class="nav menu border-bottom">

View file

@ -27,12 +27,20 @@ eleventyNavigation:
<div>Wenn Du mir etwas überweisen willst, schreib mir einfach eine kurze <a href="/{{locale}}/imprint">Nachricht</a>.
Ich schicke dir dann schnellstmöglich meine Bankverbindung zu. Ganz besonders freue ich mich auch über
einen Dauerauftrag.
<div class="mt-3 text-center">
<img alt="Banküberweisung {{ strings.supporters[locale] }}"
src="https://shields.sp-codes.de/badge/{{ strings.supporters[locale] }}-{{ donations.banktransfer.number }}-{{ donations.banktransfer.color }}">
</div>
</div>
</div>
<div class="card mb-3">
<h2><i class="fas fa-money-bill fa-fw m-2"></i>Bargeld</h2>
<div>Wer mir etwas Bargeld zukommen lassen möchte, darf das gerne an die Adresse aus dem <a
href="/{{locale}}/imprint">Impressum</a> senden.
<div class="mt-3 text-center">
<img alt="Bargeld {{ strings.supporters[locale] }}"
src="https://shields.sp-codes.de/badge/{{ strings.supporters[locale] }}-{{ donations.cash.number }}-{{ donations.cash.color }}">
</div>
</div>
</div>
<div class="card mb-3">

View file

@ -25,12 +25,20 @@ eleventyNavigation:
<h2><i class="fas fa-credit-card fa-fw m-2"></i>Bank transfer</h2>
<div>If you want to transfer some money to me, just write me a short <a href="/en/imprint">message</a>. I
will then send you my bank details as soon as possible. I am especially happy about a standing order.
<div class="mt-3 text-center">
<img alt="Bank transfer {{ strings.supporters[locale] }}"
src="https://shields.sp-codes.de/badge/{{ strings.supporters[locale] }}-{{ donations.banktransfer.number }}-{{ donations.banktransfer.color }}">
</div>
</div>
</div>
<div class="card mb-3">
<h2><i class="fas fa-money-bill fa-fw m-2"></i>Cash</h2>
<div>If you want to send me some cash, feel free to send it to the address provided in the <a
href="/en/imprint">imprint</a>.
<div class="mt-3 text-center">
<img alt="Cash {{ strings.supporters[locale] }}"
src="https://shields.sp-codes.de/badge/{{ strings.supporters[locale] }}-{{ donations.cash.number }}-{{ donations.cash.color }}">
</div>
</div>
</div>
<div class="card mb-3">