mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-30 21:52:05 +02:00
103 lines
2.5 KiB
Plaintext
103 lines
2.5 KiB
Plaintext
---
|
|
// import BackButton from '@components/BackButton.astro'
|
|
import LayoutBase from '@layouts/Base/index.astro'
|
|
import { Web3 } from '@features/Web3'
|
|
import config from '@config/blog.config'
|
|
import { Bitcoin, Wallet } from '@images/components'
|
|
import CodeCopy from '@components/CopyCode.astro'
|
|
---
|
|
|
|
<style>
|
|
.grid {
|
|
display: grid;
|
|
gap: var(--spacer);
|
|
}
|
|
|
|
@media (min-width: 40rem) {
|
|
.grid {
|
|
grid-template-columns: 2fr 1fr;
|
|
}
|
|
}
|
|
|
|
.box {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 100%;
|
|
background-color: var(--body-background-color);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--border-radius);
|
|
margin-bottom: var(--spacer);
|
|
}
|
|
|
|
.subTitle {
|
|
font-size: var(--font-size-h3);
|
|
border-bottom: 1px solid var(--border-color);
|
|
margin: 0;
|
|
padding: calc(var(--spacer) / 2) 0;
|
|
}
|
|
|
|
.box .subTitle {
|
|
padding: calc(var(--spacer) / 2);
|
|
}
|
|
|
|
.titleCoin {
|
|
font-size: var(--font-size-large);
|
|
margin-top: 0;
|
|
margin-bottom: calc(var(--spacer) / 4);
|
|
}
|
|
|
|
.section {
|
|
padding: calc(var(--spacer) / 1.5) 0;
|
|
}
|
|
|
|
.box .section {
|
|
padding: calc(var(--spacer) / 1.5);
|
|
}
|
|
|
|
.section.highlight {
|
|
background-color: var(--box-background-color);
|
|
border-top: 1px solid var(--border-color);
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
|
|
.metaText {
|
|
display: block;
|
|
font-size: var(--font-size-mini);
|
|
margin: calc(var(--spacer) / 6) 0;
|
|
}
|
|
</style>
|
|
|
|
<LayoutBase title="Say Thanks" pageTitle="Say Thanks">
|
|
<!-- <BackButton /> -->
|
|
<div class="grid">
|
|
<div class="box">
|
|
<h3 class="subTitle">Magic Internet Money</h3>
|
|
|
|
<section class="section">
|
|
If you like what I do and want to support me in a decentralized way, you
|
|
can send me some Ether, ERC-20 token, or Bitcoin.
|
|
</section>
|
|
|
|
<section class="section highlight">
|
|
<h4 class="titleCoin"><Wallet /> Web3 Wallet</h4>
|
|
<Web3 client:load />
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h4 class="titleCoin"><Bitcoin /> Bitcoin</h4>
|
|
<CodeCopy address={config.author.bitcoin} />
|
|
</section>
|
|
</div>
|
|
|
|
<div>
|
|
<h3 class="subTitle">Sponsor</h3>
|
|
<section class="section">You can also sponsor me on GitHub.</section>
|
|
<a href="https://github.com/sponsors/kremalicious/">
|
|
<img
|
|
src="https://img.shields.io/static/v1?label=Sponsor%20On%20GitHub&labelColor=%2343a699&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86&style=for-the-badge"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</LayoutBase>
|