feat: add donate page

This commit is contained in:
Anna 2022-09-10 04:48:10 -04:00
parent f47db584d1
commit ddca67673a
Signed by: anna
GPG Key ID: 0B391D8F06FCD9E0
5 changed files with 81 additions and 0 deletions

30
css/donate.css Normal file
View File

@ -0,0 +1,30 @@
main > article:first-child {
margin-top: 0;
}
main > article:last-child {
margin-bottom: 0;
}
article > header > hgroup {
margin-bottom: 0;
}
article.donate-location {
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
background-color: var(--background-color);
padding-top: calc(var(--spacing) * 2);
padding-bottom: calc(var(--spacing) * 2);
}
article.donate-location > img {
margin-right: var(--spacing);
height: 3em;
}
article.donate-location > hgroup {
margin-bottom: 0;
}

48
donate.html Normal file
View File

@ -0,0 +1,48 @@
<!doctype html>
<html lang="en" data-theme="dark">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Donate to Anna</title>
<link rel="stylesheet" href="/css/pico.min.css"/>
<link rel="stylesheet" href="/css/donate.css"/>
</head>
<body>
<main class="container">
<article>
<header>
<hgroup>
<h2>Donate to Anna</h2>
<h3>Help me out by sending me a little something.</h3>
</hgroup>
</header>
<div class="grid">
<article class="donate-location">
<img src="/img/donate/github.svg" alt="github octocat logo"/>
<hgroup>
<h4><a href="https://github.com/sponsors/ascclemens">GitHub Sponsors</a></h4>
<h5>@ascclemens</h5>
</hgroup>
</article>
<article class="donate-location">
<img src="/img/donate/kofi.svg" alt="ko-fi logo"/>
<hgroup>
<h4><a href="https://ko-fi.com/ascclemens">Ko-fi</a></h4>
<h5>ascclemens</h5>
</hgroup>
</article>
<article class="donate-location">
<img src="/img/donate/patreon.svg" alt="patreon logo"/>
<hgroup>
<h4><a href="https://www.patreon.com/ascclemens">Patreon</a></h4>
<h5>ascclemens</h5>
</hgroup>
</article>
</div>
</article>
</main>
</body>
</html>

1
img/donate/github.svg Normal file
View File

@ -0,0 +1 @@
<svg width="43.438" height="42.366" viewBox="0 0 11.493 11.209" xmlns="http://www.w3.org/2000/svg"><path d="M36.495 76.196a5.747 5.747 0 0 0-1.816 11.2c.288.052.392-.125.392-.278 0-.136-.005-.497-.008-.977-1.598.347-1.935-.77-1.935-.77-.262-.664-.638-.84-.638-.84-.522-.357.04-.35.04-.35.576.04.88.592.88.592.512.878 1.344.625 1.672.478.052-.372.2-.625.365-.768-1.276-.145-2.618-.639-2.618-2.84 0-.628.224-1.141.592-1.543-.06-.145-.257-.73.056-1.52 0 0 .482-.155 1.58.589.458-.128.95-.192 1.439-.194.488.002.98.066 1.438.194 1.097-.744 1.579-.59 1.579-.59.314.791.116 1.376.057 1.521.369.402.591.915.591 1.542 0 2.208-1.344 2.694-2.624 2.836.206.177.39.528.39 1.064 0 .768-.007 1.388-.007 1.576 0 .154.104.333.395.277a5.749 5.749 0 0 0-1.82-11.199" style="fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:.0352778" transform="translate(-30.75 -76.196)"/></svg>

After

Width:  |  Height:  |  Size: 879 B

1
img/donate/kofi.svg Normal file
View File

@ -0,0 +1 @@
<svg width="800" height="800" xmlns="http://www.w3.org/2000/svg"><path d="M6000 3000c0 1656.86-1343.14 3000-3000 3000S0 4656.86 0 3000 1343.14 0 3000 0s3000 1343.14 3000 3000" style="fill:#50aee4;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(.13333 0 0 -.13333 0 800)"/><path d="M5484.27 3458.67c-63.19 333.74-242.84 541.64-426.97 670.19-190.41 132.95-418.48 201.26-650.72 201.26H1110.73c-114.656 0-158.574-111.94-159.007-168.01-.059-7.31.207-36.57.207-36.57s-5.407-1458.13 4.832-2236.93c31.105-459.78 491.768-459.63 491.768-459.63s1504.04 4.41 2225.35 8.89c33.83.22 67.61 3.86 100.44 12.07 410.68 102.75 453.17 484.28 448.78 696.96 825.48-45.86 1407.92 536.64 1261.17 1311.77m-927.31-756.75c-176.05-22-319.08-5.48-319.08-5.48v1077.95h216.62c143.17 0 281.27-59.61 374.69-168.1 65.76-76.38 118.37-183.88 118.37-332.37 0-362.99-187.04-506-390.6-572" style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(.13333 0 0 -.13333 0 800)"/><path d="M2566.14 2033.67c35.85-18.05 58.75 4.38 58.75 4.38s524.57 478.78 760.89 754.51c210.2 246.66 223.9 662.34-137.07 817.66-360.97 155.31-657.95-182.72-657.95-182.72-257.55 283.26-647.34 268.92-827.63 77.22-180.28-191.7-117.32-520.73 17.17-703.84 126.25-171.9 681.18-666.5 765.29-750.15 0 0 6.13-6.4 20.55-17.06" style="fill:#f14255;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(.13333 0 0 -.13333 0 800)"/></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

1
img/donate/patreon.svg Normal file
View File

@ -0,0 +1 @@
<svg width="799.693" height="767.707" xmlns="http://www.w3.org/2000/svg"><path d="M3844.89 5757.79c-1190.76 0-2159.54-969.65-2159.54-2161.59 0-1188.33 968.78-2155.12 2159.54-2155.12 1187.08 0 2152.82 966.79 2152.82 2155.12 0 1191.94-965.74 2161.59-2152.82 2161.59M0 0h1054.41v5757.81H0V0" style="fill:#fff;fill-opacity:1;fill-rule:evenodd;stroke:none" transform="matrix(.13333 0 0 -.13333 0 767.707)"/></svg>

After

Width:  |  Height:  |  Size: 408 B