added donation badges

updated plausible script
This commit is contained in:
Samuel Philipp 2021-02-06 02:37:54 +01:00
parent 8076d5fa0e
commit 3f4b9a49fe
4 changed files with 27 additions and 1 deletions

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"> <meta name="twitter:image" content="https://sp-codes.de/img/sp-codes.jpg">
<link rel="shortcut icon" href="img/samuel.png"> <link rel="shortcut icon" href="img/samuel.png">
<link rel="stylesheet" href="/css/main.css"> <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> </head>
<body> <body>
<nav class="nav menu border-bottom"> <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>. <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 Ich schicke dir dann schnellstmöglich meine Bankverbindung zu. Ganz besonders freue ich mich auch über
einen Dauerauftrag. 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> </div>
<div class="card mb-3"> <div class="card mb-3">
<h2><i class="fas fa-money-bill fa-fw m-2"></i>Bargeld</h2> <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 <div>Wer mir etwas Bargeld zukommen lassen möchte, darf das gerne an die Adresse aus dem <a
href="/{{locale}}/imprint">Impressum</a> senden. 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> </div>
<div class="card mb-3"> <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> <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 <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. 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> </div>
<div class="card mb-3"> <div class="card mb-3">
<h2><i class="fas fa-money-bill fa-fw m-2"></i>Cash</h2> <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 <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>. 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> </div>
<div class="card mb-3"> <div class="card mb-3">