mirror of https://github.com/kremalicious/blog.git
54 lines
1.4 KiB
Plaintext
54 lines
1.4 KiB
Plaintext
---
|
|
import BackButton from '@components/BackButton.astro'
|
|
import LayoutBase from '@layouts/Base/index.astro'
|
|
import Web3 from '@components/Donation/Web3'
|
|
import config from '@config/blog.config'
|
|
import Coin from '@components/Donation/Coin.astro'
|
|
|
|
const coins = Object.entries(config.author).filter(
|
|
([key]) => key === 'bitcoin' || key === 'ether'
|
|
)
|
|
---
|
|
|
|
<style>
|
|
.content {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 25rem;
|
|
width: 100%;
|
|
background-color: var(--box-background-color);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--border-radius);
|
|
padding: 0 var(--spacer) var(--spacer) var(--spacer);
|
|
margin-bottom: var(--spacer);
|
|
}
|
|
|
|
.subTitle {
|
|
font-size: var(--font-size-large);
|
|
border-bottom: 1px solid var(--border-color);
|
|
padding: calc(var(--spacer) / 2);
|
|
margin-top: 0;
|
|
margin-left: calc(var(--spacer) * -1);
|
|
margin-right: calc(var(--spacer) * -1);
|
|
}
|
|
</style>
|
|
|
|
<LayoutBase title="Thanks" pageTitle="Say Thanks">
|
|
<BackButton />
|
|
|
|
<div class="content">
|
|
<h3 class="subTitle">Send ETH from your browser wallet.</h3>
|
|
<Web3 client:only="react" />
|
|
</div>
|
|
|
|
<div class="content">
|
|
<h3 class="subTitle">Send Bitcoin or ERC-20 tokens from any wallet.</h3>
|
|
|
|
{
|
|
coins.map(([key, value]: [key: string, value: string]) => (
|
|
<Coin title={key} address={value} />
|
|
))
|
|
}
|
|
</div>
|
|
</LayoutBase>
|