| 1 |
<!DOCTYPE html>
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
| 4 |
<meta charset="utf-8" />
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
| 6 |
<meta name="author" content="Tony, btw." />
|
| 7 |
<link rel="icon" type="image/png" href="/img/favicon.png" />
|
| 8 |
<link rel="stylesheet" href="/css/code.css" />
|
| 9 |
<link rel="stylesheet" href="/css/site.css" />
|
| 10 |
<title>Support Tony</title>
|
| 11 |
</head>
|
| 12 |
<body>
|
| 13 |
{{ partial "header.html" . }}
|
| 14 |
|
| 15 |
<main class="container">
|
| 16 |
<section style="padding: 4rem 1rem; max-width: 960px; margin: 0 auto;">
|
| 17 |
<h1 style="text-align: center; font-size: 2rem; margin-bottom: 1rem;">
|
| 18 |
Support the Channel
|
| 19 |
</h1>
|
| 20 |
<p style="text-align: center; color: #a9b1d6; margin-bottom: 2rem;">
|
| 21 |
If you get value from the videos and tutorials, here are a few ways to contribute and help me keep creating.
|
| 22 |
</p>
|
| 23 |
<div style="
|
| 24 |
display: grid;
|
| 25 |
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
| 26 |
gap: 2rem;
|
| 27 |
justify-content: center;
|
| 28 |
margin: 2rem 0;
|
| 29 |
">
|
| 30 |
<div style="flex: 1 1 260px; border: 1px solid #7aa2f7; border-radius: 8px; padding: 1rem;">
|
| 31 |
<h3 style="margin-top: 0;">Subscribe on YouTube</h3>
|
| 32 |
<p>Support the channel by subscribing — it's free and helps spread the word. New tutorials frequently.</p>
|
| 33 |
<p><a href="https://www.youtube.com/@tony-btw" target="_blank">Go to YouTube</a></p>
|
| 34 |
</div>
|
| 35 |
|
| 36 |
<div style="flex: 1 1 260px; border: 1px solid #7aa2f7; border-radius: 8px; padding: 1rem;">
|
| 37 |
<h3 style="margin-top: 0;">Donate via PayPal</h3>
|
| 38 |
<p>Help keep the content flowing by donating through Square/PayPal. Every contribution makes a difference.</p>
|
| 39 |
<p><a href="https://square.link/u/tC3glUCo" target="_blank">Donate via Square</a></p>
|
| 40 |
</div>
|
| 41 |
|
| 42 |
<div style="flex: 1 1 260px; border: 1px solid #7aa2f7; border-radius: 8px; padding: 1rem;">
|
| 43 |
<h3 style="margin-top: 0;">Support on Ko-Fi</h3>
|
| 44 |
<p>Prefer Ko-Fi? You can buy me a coffee and support future videos directly. Thanks for your kindness.</p>
|
| 45 |
<p><a href="https://ko-fi.com/tonybtw" target="_blank">Go to Ko-Fi</a></p>
|
| 46 |
</div>
|
| 47 |
</div>
|
| 48 |
</section>
|
| 49 |
|
| 50 |
</main>
|
| 51 |
</body>
|
| 52 |
</html>
|