<div class="colophon-donation" {{ site.animation }}>
	<h2>
		<span class="colophon-donation-heart">♥︎</span>
		{{ i18n[locale].colophon.donation.headline }}
	</h2>
	{{ i18n[locale].colophon.donation.text | markdown | safe }}
	<ul class="colophon-donation-list">
		<li class="colophon-donation-list-item">
			<a
				data-umami-event="Paypal"
				href="https://www.paypal.me/kogakure/"
				rel="nofollow noopener noreferrer external"
				target="_blank"
			>
				<button
					class="colophon-dontation-button"
					type="button"
				>
					<svg
						class="colophon-donation-icon"
						aria-hidden="true"
						viewBox="0 0 24 24"
						width="1em"
						height="1em"
					>
						<use xlink:href="#paypal"></use>
					</svg>
					{{ i18n[locale].colophon.donation.paypal }}
				</button>
			</a>
		</li>
		<li class="colophon-donation-list-item">
			<a
				data-umami-event="Lightning"
				href="https://walletofsatoshi.com/"
				rel="nofollow noopener noreferrer external"
				target="_blank"
			>
				<button
					class="colophon-dontation-button"
					type="button"
				>
					⚡{{ i18n[locale].colophon.donation.lightning }} - kogakure@walletofsatoshi.com
				</button>
			</a>
		</li>
	</ul>
</div>
