---
layout: base.njk
key: donate
title: Donate
summary: Support sp-codes with a donation - help us to provide the services for the community in the long term.
eleventyNavigation:
  key: donate
  title: Donate
  icon: i-hand-holding-heart
  order: 4
---
<h1><i class="i-hand-holding-heart"></i> Donate</h1>

<p>All public services can be used for free. If you still want to contribute to the costs for server infrastructure or
    send me a small donation, you can support me in the following ways<sup>1</sup>:</p>

<div class="row justify-content-center">
    <div class="col-12 col-md-10 col-lg-8">
        <div class="card mb-3">
            <h2><i class="i-comments m-2"></i>Recommend</h2>
            <div>You are welcome to recommend my services. I am very glad if I can make you happy with it.
            </div>
        </div>
        <div class="card mb-3">
            <h2><i class="i-credit-card i-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/contact">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.donations.supporters }}"
                         src="https://shields.sp-codes.de/badge/{{ strings.donations.supporters }}-{{ donations | banktransfers }}-active">
                </div>
            </div>
        </div>
        <div class="card mb-3">
            <h2><i class="i-money-bill i-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.donations.supporters }}"
                         src="https://shields.sp-codes.de/badge/{{ strings.donations.supporters }}-{{ donations | cash }}-inactive">
                </div>
            </div>
        </div>
        <div class="card mb-3">
            <h2><i class="i-network-wired i-fw m-2"></i>Hetzner</h2>
            <div>Almost all my services are hosted at <a href="https://www.hetzner.com/" target="_blank">Hetzner</a>. If
                you want to run your own server in the Hetzner cloud, you
                are welcome to use the following link. This way I get a small commission for your order. If you are a
                new customer, you will get 20 € starting balance with your order.
            </div>
            <div class="mt-3 text-center">
                <a href="https://hetzner.cloud/?ref=5zWtNOF3q8i8"
                   target="_blank">Use voucher</a>
            </div>
        </div>
        <div class="card mb-3">
            <h2><i class="i-network-wired i-fw m-2"></i>netcup</h2>
            <div>I also use <a href="https://www.netcup.de/" target="_blank">netcup</a> occasionally for smaller
                projects. If you want to run your own server or website at netcup, you can use the following link. This
                way I get a small commission on your order. If you are a new customer, you will receive a 5€ voucher for
                your order.
            </div>
            <div class="mt-3 text-center">
                <a href="https://www.netcup.de/bestellen/gutschein_einloesen.php?gutschein=36nc16071208640"
                   target="_blank">Use voucher</a>
            </div>
        </div>
    </div>
</div>

<h2>Current Expenses</h2>
{% include "expenses-current.html" %}

<h2>Donations {{donations[0].year}}</h2>
{% include "donations-current.html" %}

<p><a href="/{{locale}}/all-donations/">&#10132; All Donations</a></p>

<div class="border-top mt-5 pt-2">
    <p><small><sup>1</sup> The payments made are donations in terms of § 516 BGB, not tax-deductible donations in terms
        of tax law.</small></p>
</div>
