better navbar

This commit is contained in:
2023-02-03 19:55:33 +02:00
parent 926890b324
commit 3ff1e24e7c
74 changed files with 839 additions and 415 deletions

View File

@@ -1,4 +1,3 @@
<script lang="ts">
import CryptoInfo from "./CryptoInfo.svelte";
import type { PageData } from "./$types";
@@ -10,26 +9,55 @@
<h2>What we do with donations</h2>
<p>These donations primarily help us pay for our VPSes, domain names and other expenses related to crucial infrastructure we have to maintain. We also sometimes donate to developers who maintain software we rely heavily on such as our authentication provider.</p>
<p>
These donations primarily help us pay for our VPSes, domain names and other
expenses related to crucial infrastructure we have to maintain. We also
sometimes donate to developers who maintain software we rely heavily on such
as our authentication provider.
</p>
<h2>Donation methods</h2>
<p>You can currently donate by credit card through <a href="https://liberapay.com">Liberapay</a> and cryptocurrencies.</p>
<p>
You can currently donate by credit card through <a
href="https://liberapay.com">Liberapay</a
> and cryptocurrencies.
</p>
<h3>Credit card</h3>
<a href="https://liberapay.com/ProjectSegfault/donate" class="button !bg-amber !text-black w-fit"><div class="i-simple-icons:liberapay" /> Liberapay</a>
<a
href="https://liberapay.com/ProjectSegfault/donate"
class="button !bg-amber !text-black w-fit"
><div class="i-simple-icons:liberapay" />
Liberapay</a
>
<h3>Cryptocurrencies</h3>
<p>You can use <a href="https://projectsegfau.lt">projectsegfau.lt</a> as a crypto wallet address in supported OpenAlias clients such as <a href="https://mymonero.com">MyMonero</a>, <a href="https://electrum.org">Electrum</a> and <a href="https://electrum-ltc.org">Electrum-LTC</a>.</p>
<p>
You can use <a href="https://projectsegfau.lt">projectsegfau.lt</a> as a
crypto wallet address in supported OpenAlias clients such as
<a href="https://mymonero.com">MyMonero</a>,
<a href="https://electrum.org">Electrum</a>
and <a href="https://electrum-ltc.org">Electrum-LTC</a>.
</p>
<h4>Monero</h4>
<CryptoInfo address="47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA" qr="Monero.png" />
<CryptoInfo
address="47L7Qsto7XcifY3CdG18ySe5Tt83kpFLDLve9jQwbc9taPBLNGv6ZrJNUKpMG9Nj9zHgCZ4FQMSyt75e8Jvx12JFLtJyFdA"
qr="Monero.png"
/>
<h4>Bitcoin</h4>
<CryptoInfo address="bc1qrc8ywgp95a6p3zausp4nff70qzstp6h8z86sxd" qr="Bitcoin.png" />
<CryptoInfo
address="bc1qrc8ywgp95a6p3zausp4nff70qzstp6h8z86sxd"
qr="Bitcoin.png"
/>
<h4>Litecoin</h4>
<CryptoInfo address="ltc1qn3ald586h2ntt0n3zkvwsmju2e5vndgtvvgatj" qr="Litecoin.png" />
<CryptoInfo
address="ltc1qn3ald586h2ntt0n3zkvwsmju2e5vndgtvvgatj"
qr="Litecoin.png"
/>

View File

@@ -1,7 +1,7 @@
import type { PageLoad } from "./$types";
export const load = (() => {
return {
title: "Donate"
};
}) satisfies PageLoad;
return {
title: "Donate"
};
}) satisfies PageLoad;

View File

@@ -6,13 +6,19 @@
{#if address}
<details class="p-0">
<summary>Address</summary>
<code class="break-words whitespace-normal">49burTxWHyqa9NkkC9PV33D79PrwARMq8aic4XezTx36i66qyLA3afYXicycTTA5st93CV5Rr9AGkKpeE5GPueRN2PkfFQN</code>
<code class="break-words whitespace-normal"
>49burTxWHyqa9NkkC9PV33D79PrwARMq8aic4XezTx36i66qyLA3afYXicycTTA5st93CV5Rr9AGkKpeE5GPueRN2PkfFQN</code
>
</details>
{/if}
{#if qr}
<details class="p-0">
<summary>QR code</summary>
<img src="/qr/{qr}" alt="QR code" class="mt-2" />
<img
src="/qr/{qr}"
alt="QR code"
class="mt-2"
/>
</details>
{/if}
{/if}